css基础（十四）－－生成内容

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;

 

}

效果如下：