40.css生成内容
使用content配合伪类选择器一般可以做以下四种事情:
例如:
css中有一个清除浮动的方法“clearfix”就是用了 content,只不过这里插入了一个空格
.clearfix:before,
.clearfix:after {
content:””;
display:table;
}
.clearfix:after {
clear:both;
overflow:hidden;
}
另外例子:
插入元素:
假设我们有一个元素:
<a href="##" title="我是一个title属性值,我插在你的后面">我是元素</a>
可以通过”:after”和”content:attr(title)”将元素的”title”值插入到元素内容“我是元素”之后:
a:after {
content:attr(title);
color:#f00;
}
效果如下: