伪类&伪元素

伪类和伪元素

伪类其实是为弥补CSS选择器的不足，用来更方便地获取信息

而伪元素本质上是创建了一个虚拟容器(元素)，我们可以在其中添加内容或样式

CSS3中，伪类用单冒号:表示；而伪元素用双冒号::表示

 

:before 伪元素可以在元素的内容前面插入新内容

:after 伪元素以在元素的内容之后插入新内容

 

不区分类型

　　:first-child 选中同级别中第一个标签

　　:last-child 选中同级别中最后一个标签

　　:nth-last-child(n) 选中同级别中倒数第n个标签

　　:nth-child(n) 选中同级别中第n个标签

　　:only-child 选中只有一个子节点的标签

区分类型

　　:first-of-type 选中同级别中同类型第一个标签

　　:last-of-type 选中同级别中同类型最后一个标签

　　:nth-of-type(n) 选中同级别中同类型第n个标签

　　:nth-last-of-type(n) 选中同级别中同类型倒数第n个标签