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

什么是 CSS 选择器?哪些特质可以遗传?优先级算法是如何计算的?

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

什么是 CSS 选择器?哪些特质可以遗传?

常见选择器包括:

id选择器(#content)、类别选择器(.content)、标签选择器(div)、 pspan 等)、邻居选择器 (h1+p)、子选择器 (ul>li )、后代选择器 () li a)、通配符选择器 (*)、属性选择器 (a[rel = "external"] ; 字体系列、颜色ullidldd dt

样式属性,不可继承的: borderpaddingborderwidthheight ; 怎么样CSS优先级算法计算出来的吗?

  • 考虑到就近原则,在权重相等的情况下,样式定义应该以最接近的为准
  • 加载的样式是按照最后定位的

优先级排序:

同等权重的情况下:行中样式表(内部标签) > 嵌入样式表(当前文件中) > 外部样式表(外部文件中)

!重要 > # > .> 标签

?注意 ! important 的优先级高于行

版权声明

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

热门