什么是 CSS 选择器?哪些特质可以遗传?优先级算法是如何计算的?
什么是 CSS 选择器?哪些特质可以遗传?
常见选择器包括:
id选择器(#content)、类别选择器(.content)、标签选择器(div)、 p、span 等)、邻居选择器 (h1+p)、子选择器 (ul>li )、后代选择器 () li a)、通配符选择器 (*)、属性选择器 (a[rel = "external"] ; 字体系列、颜色、ul、li、dl、dd、 dt;
样式属性,不可继承的: border、padding、border、width、height ; 怎么样CSS优先级算法计算出来的吗?
- 考虑到就近原则,在权重相等的情况下,样式定义应该以最接近的为准
- 加载的样式是按照最后定位的
优先级排序:
同等权重的情况下:行中样式表(内部标签) > 嵌入样式表(当前文件中) > 外部样式表(外部文件中)
!重要 > # > .> 标签
?注意 :! important 的优先级高于行
版权声明
本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。
code前端网