Question

我是CSS新手，我正在关注一本书的例子：

我从书中复制了以下内容并将其保存为HTML。

属性除了没有显示的“content”属性外，所有css属性似乎都有效。谢谢。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title> The content property </title>
        <style type='text/css' media='all'>
            div {
                content: "Hello, world!";
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>
</html>

3 个答案:

答案 0 :(得分：19)

答案 1 :(得分：12)

答案 2 :(得分：6)

Answer 1

content与:before或:after一起使用，如下所示：

div:after
{
    content: "Hello, world!";
}

无论如何，我只使用content来处理特殊情况（例如，清除浮动元素）。我从来没有真正用它来插入内容。你通常想要分开内容和演示文稿，所以我认为这是一个坏主意。你正在读哪本书？：）

Answer 2

content属性仅适用于CSS伪元素，例如:before和:after。

您无法使用它来设置任意元素的内容。

Answer 3

content属性仅适用于:before和:after前置或附加内容到所述节点，如下所示：

.email-address:before {
  content : "Email address: ";
}

<ul>
  <li class="email-address">myemail@gmail.com</li>
</ul>

输出为

•电子邮件地址：myemail@gmail.com

CSS内容属性不显示

3 个答案: