我是CSS的新手,我正在关注一本书的例子:
我从书中复制了以下内容并将其保存为HTML.所有的css属性似乎都工作,除了"content"属性,不显示.提前谢谢.
<!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>
pix*_*eak 19
content与...一起使用:before或:after类似:
div:after
{
content: "Hello, world!";
}
无论如何,我只用于content特殊情况(例如清除浮动元素).我从来没有真正用它来插入内容.你通常想要分开内容和演示文稿,所以我认为这是一个坏主意.你正在读哪本书？:)
该content属性只适用于:before和:after对前面或后面附加的内容说的节点,就像这样:
.email-address:before {
content : "Email address: ";
}<ul>
<li class="email-address">myemail@gmail.com</li>
</ul>输出将是
•电子邮件地址:myemail@gmail.com