● 优先级最高的是ID选择器(如果CSS中存在多个ID选择器,最后一个ID选择器将会被应用)
● 除上述的优先级最高的是类选择器或者伪类选择器(如果CSS中存在多个类选择器,最后一个类选择器将会被应用)
● 接着优先级最高的是元素选择器(同理上)
● 最后优先级最低的是通用选择器
注:通常内联样式的优先级更好,但是我们并不是提倡使用内联的方式
例如:
<footer><p id="copyright" class="copyright text">版权所有 © 2027 sbz</p></footer>
#copyright {
color: red;
}
.copyright {
color: blue;
}
.text {
color: yellow;
}
footer p {
color: green;
}