css中选择器的优先级
CSS中的选择器优先级基于选择器的特异性（specificity）来确定，特异性由四个级别组成：
- 内联样式：
1,0,0,0 - ID选择器：
0,1,0,0 - 类选择器、属性选择器、伪类：
0,0,1,0 - 元素选择器、伪元素：
0,0,0,1
当两个或多个规则应用于同一个元素时，具有更高特异性的规则将被应用。
如果特异性相同，那么后定义的规则将会覆盖先定义的规则。
例子：
/* 特异性为：0,0,0,1 */
p { color: red; }
/* 特异性为：0,0,1,0 */
.my-class { color: blue; }
/* 特异性为：0,1,0,0 */
#my-id { color: green; }
/* 内联样式具有最高优先级，特异性为：1,0,0,0 */
<p style="color: black;">This text will be black.</p>在这个例子中，内联样式因为它的特异性最高，所以会覆盖其他所有的规则。如果没有内联样式，ID选择器会覆盖类选择器，类选择器会覆盖元素选择器。
评论已关闭