一、首先是C3属性选择器 1. 每一个标签都有自己的属性,是吧?要给它一个样式,就可以通过它的属性来找到它。 2. 属性选择器的权重是10 3. 都有哪些? - 标签名[属性名] - 标签 - 标签名[type="属性名"] - ^= 以icon开始的选出来 - $= 以icon结尾的选出来 - *= 代表任意位置,包含该属性的就要选出来 例子 css3属性选择器 二、结构伪类选择器 语法: nth-child(n) 释义: - 想要选哪个n就在那个里面输入数字几就可以了 - 这里的n 可以有特殊数值偶数even 奇数odd 有利于做隔行变色 - n可以是公式 - -n+5选出前5个。 例子 结构伪类选择器 三、ntf-of-type 选择器 先上总结: - nth-child(n) 选择父元素里面的第一个 n个孩子 - of-type 选择指定类型的元素 例子 ntf-of-type 选择器 四、伪类选择器 方式一 ::before ::after 方式二 :before :after 总结:伪元素前面可以是一个冒号,也可以是两个冒号,不影响结果 例子 伪类选择器 如果对你有所帮助,欢迎点赞收藏哦,共同进步哦!!