最近有接触到优先级的相关题目,在这里做一个简单的总结。
在常用的选择器中,优先级顺序依次为:内联样式 > id选择器 > 类选择器 > 标签选择器
我们这样定义他们的权重,定义内敛样式为1000,那么id选择器为100,类选择器为10,标签选择器为1,也就是我们在判断样式的优先级时,对应的标签权重相加,得到的越大,越优先。
如下html代码:
<body>
<div id = "box">
<p>test</p>
</div>
</body>
下面是css
1.#box{color:red;}
2.p{color:blue;}
3.body p{color:yellow}
则优先权重分别是1.100 2.10 3.10+10