最全的css选择器说明

1.css老版本选择器

（1）元素选择器element(权重0)
直接在style中用元素设置的选择器
（2）类选择器.(权重10）
（3）id选择器#（权重100）
（4）通配符选择器*(权重0)
（5）伪类选择器（权重10）
link,visited,hover,active
（6）其他一些不常用的没有列举

2.css3的选择器

1.属性选择器（权重1）
e[属性] 选择什么属性的选择器
e[属性=值] 选择什么属性且等于什么值
e[属性^=值] 选择什么属性并且以什么值开始
e[属性$=值] 选择什么属性并且以什么值结尾
e[属性*=值] 选择什么属性并且包含什么值

2.结构伪类选择器（权重10）
e:first-child 选择这个子集元素的父元素中子集元素的第一个
e:last-child 选择这个子集元素的父元素中子集元素的最后一个
e:nth-child(n) 选择这个子集元素的父元素中子集元素的第几个,n可以是数字，公式，关键字,是公式的话从零开始算
e:first-of-type 选择这个子集元素的父元素中这种类型元素的第一个
e:first-of-type 选择这个子集元素的父元素中这种类型元素的第一个
e:nth-of-type(n) 选择这个子集元素的父元素中这种类型元素的第几个,n可以是数字，公式，关键字,是公式的话从零开始算

3.伪元素选择器（权重1）
因为不是真正的元素，但是有元素的性质，所以叫伪元素选择器
e::before 在元素之前插入
e::after 在元素之后插入

注意：伪元素选择器必须加content,content里面是内容，用引号包裹,伪元素选择器的元素默认是行内元素