CSS 的优先级规则如下:
行内样式 >#id >.class >标签选择器
也就是说,当一个元素同时被多个样式选择器所匹配,会按照上面的规则来确定哪个样式会被应用。当然,如果两个样式所处的优先级相同,那么就按照它们在样式表中的先后顺序来决定哪个样式更具优先级。
如果大家想要设置某个样式具备最高的优先级,可以使用!important
关键字。使用!important
关键字后,该样式会优先于其他同级别的样式。
例如:
p { color: red !important; }
上面的代码中,p
标签的文字颜色被设置为红色,并且有了最高的优先级。即使在同一样式表中有其他p
标签的颜色样式,也会被这个具备最高优先级的样式所覆盖。
需要特别注意的是,!important
关键字不应该滥用,因为它可能会导致样式设置的混乱和不可预测性。一般建议在必要的时候才使用!important
关键字来设置样式。