Code前端首页关于Code前端联系我们

面试问题:CSS 中的选择器是什么?权重是如何计算的?

terry 2年前 (2023-09-27) 阅读数 81 #数据结构与算法

CSS选择器分为基本选择器(元素选择器、类选择器、通配符选择器、id选择器、关系选择器)、属性选择器、伪类选择器、伪元素选择器以及一些特殊的选择器如not等。

In CSS,权重决定了哪些CSS规则生效。浏览器按照以下规则计算 CSS 权重

  • 1000:内置样式
  • 0100:ID 选择器
  • 0010:类、伪类、属性选择器
  • 0001:元素、通配符、通配符、 do元素、伪子选择器、相邻选择器等。
  • 无:继承样式

​浏览器计算元素CSS规则的权重,权重高的规则生效,如果权重相同则最后一条规则在您使用时生效!如果有多个规则,则重要规则的权重最高!重要的是,这也是最后生效的规则。

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

热门