html中的before和after怎么用

首先要明白一种思想：结构和样式分离。

结构和样式分离，就意味着：没有样式表，HTML文档也是一个完整的文档；没有样式表，也能正常阅读用HTML表达的所有内容。明白这种思想就能很好理解样式表中使用------ :before 和 :after中的content: ""------就算没有------:before 和 :after中的content: ""------HTML文档也不会受到影响，HTML文档也是一个完整的文档，所以，用简单的话来说： :before 和 :after中的content: ""不过是对HTML的装潢，使HTML看起来更漂亮一些。

content:，顾名思义，这是定义伪元素内容的

: before（或:after）伪元素选择器用于在某个元素之后插入一些内容（注意，不是伪类）。

怎么说好呢，这个还是得看个人理解，我是这样认为得，其实就是用after 或者before去调用引用content里面原有得样式。 面对做得好得网页，我有得时候也会想这个是怎么做得。。。然后F12学习下= = 第一张图得UL的class 属性里面应该有.clearfix 这个样式名的。

---