css选择器的优先级是怎么样设定的

发布网友发布时间：2022-04-06 11:02

共4个回答

热心网友时间：2022-04-06 12:31

大方向是id为1000，class为100,元素为10，伪类为1，不过还有其它的，引入的，或页内，行内样式，都优先级是不一样啊，还有!important

热心网友时间：2022-04-06 13:49

三种基本的选择器类型
语法如下：
◆标签名选择器，如：p{}，即直接使用HTML标签作为选择器。
◆类选择器，如.polaris{}。
◆ID选择器，如#polaris{}。
注意，ID选择器跟类选择器有很大的不同：一个页面内不能出现相同的ID；再就是ID也是后台开发人员会经常用的，所以前端开发人员应该尽量少的使用。当然跟后台人员的工作配合十分娴熟之后，这些都不会成为*。
扩展选择器
◆后代选择器，如.polaris span img{}，后代选贼器实际上是使用多个选择器加上中间的空格来找到具体的要控制标签。
◆群组选择器，如div,span,img{}，群组选择器实际上是对CSS的一种简化写法，只不过把有相同定义的不同选择器放在一起，省了很多代码。
选择器的优先级别
了解了各种选择器后，还有一个重要的知识点就是CSS选择器的优先级。这也就是为什么polaris会遇到文章开头的问题。举个简单的例子：
<div class="polaris">
<span class="beijixing">
beijixing
</span>
<span>
polaris
</span>
</div>

热心网友时间：2022-04-06 15:24

id>class>E F>*

热心网友时间：2022-04-06 17:15

当然是id了！