文章详细阐述了CSS选择器的权重分配，分为内联样式、ID选择器、类、伪类和属性选择器、标签选择器等四个等级，权重依次降低。内联样式的权重最高，为1000，接着是ID选择器的100，类、伪类和属性选择器的10，以及标签选择器的1。通用选择器、子选择器和相邻同胞选择器权重为0。优先级由权重值决定，值越大，优先级越高，选择的范围越精确，优先级也越高。
权重 的 4个等级定义
我们把特殊性分为4个等级，每一个等级代表一类选择器，每个等级的值相加得出选择器的权重。
4个等级的定义如下：
第一等级：代表内联样式，如style=""，权值为 1000
第二等级：代表id选择器，如#content，权值为100
第三等级：代表类，伪类和属性选择器，如.content，权值为10
第四等级：代表标签选择器和伪元素选择器，如div p，权值为1
注意：通用选择器（*），子选择器（>），和相邻同胞选择器（+）并不在这个等级中，所以他们的权值为0。
权重 的 优先顺序
行内样式（1000）>ID选择器（100）>类选择器（10）>标签选择器（1）>通用选择器（0）
六、利用权重值比较优先级
权重值越大，优先级越高
选择器选择的范围越小越精确，优先级越高
扫一扫
607
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
