html中的before和after怎么用

html-css08

html中的before和after怎么用,第1张

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

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

.checkboxFive类里类型为checkbox的input当被选中的时候,该input的兄弟元素label的after伪元素可见;input不被选中的时候label的after伪元素不可见

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

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

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