[TOC] # 属性选择器  |  |  | | --- | --- | # 结构伪类选择器   ## nth-child(n) 【匹配父元素】   nth-child(n) 列表 隔行背景颜色  nth-child(n) 公式  | 奇数偶数 | 倍数 | | --- | --- | ## 总结: :nth-child(n) 选择 父元素里面的第n个孩子，它不管里面的孩子是否同一种类型 ## nth-of-type【of-type选择指定类型的】  实验 # 虚伪元素选择器  ## 注意: ●before和after必须有content 属性 ●before在内容的前面, after 在内容的后面 ●before和after创建一个元素,但是属于行内元素。 ●因为在dom里面看不见刚才创建的元素,所以我们称为伪元素 ●伪元素和标签选择器一样,权重为1 ## 伪类选择器实验 |  |  | | --- | --- | ## 伪类选择器与字体图标 在标签样式直接写content（里面写内容），html里面不用动直接引用