!important >行内样式 >id选择器 >类选择器、属性选择器、伪类选择器 >标签选择器、伪元素选择器
这意味着,在同一元素上设置多个CSS样式时,会按照上述优先级中最高的生效。换句话说,优先级高的样式会覆盖优先级低的样式。
那么,哪一种CSS样式优先级最低呢?答案是标签选择器、伪元素选择器。具体来说,它们的优先级比id选择器、类选择器、属性选择器、伪类选择器低,更不用说行内样式和!important了。
p { color: red; }
在上述代码中,大家给所有p标签添加了一个color:red的样式。但是如果大家在同一页面中为某个p标签设置了id或class,并给它们设置了不同的color样式,那么它们就会覆盖之前给所有p标签设置的样式。
不过,当大家想要设置全局样式而不影响任何元素的样式时,标签选择器、伪元素选择器就会派上用场。比如,你可以为所有的a标签设置默认颜色和字体大小,如下所示:
a { color: #333; font-size: 14px; }
这样,在未进行其他样式设置时,所有的a标签都会显示相同的颜色和字体大小。
综上所述,虽然标签选择器、伪元素选择器的优先级最低,但它们在某些场景下非常有用。