[读书笔记]CSS权威指南2:结构和层叠-大炮~
来源:动视网
责编:小采
时间:2020-11-27 16:43:42
[读书笔记]CSS权威指南2:结构和层叠-大炮~
[读书笔记]CSS权威指南2:结构和层叠-大炮~:层叠样式表中最基本的一个方面可能就是层叠——冲突的声明要通过这个层叠过程排序,并由此确定最终的文档表示。这个过程的核心是选择器及其相关声明的特殊性,以及继承机制。 特殊性 对于每个规则,用户代理会计算选择器的特殊性,并将这个特殊性附
导读[读书笔记]CSS权威指南2:结构和层叠-大炮~:层叠样式表中最基本的一个方面可能就是层叠——冲突的声明要通过这个层叠过程排序,并由此确定最终的文档表示。这个过程的核心是选择器及其相关声明的特殊性,以及继承机制。 特殊性 对于每个规则,用户代理会计算选择器的特殊性,并将这个特殊性附

而通配选择器具有0特殊性,所以一旦应用了通配选择器,它就会覆盖继承的值,所以通配选择器往往有一种短路继承的效果。这说明不加区别的使用通配选择器可能存在奇怪的问题。
层叠
- 按显式权重对应用到该元素的所有声明排序。标志!important的规则的权重要高于没有!important标志的规则。
- 按来源对应用到给定元素的所有声明排序。共有3种来源:创作人员、读者和用户代理。正常情况下,创作人员的样式要胜过读者的样式。有!important标志的读者样式要强干所有其他样式,这包括有!important标志的创作人员样式。创作人员样式和读者样式都比用户代理的默认样式要强。
- 读者的!important样式
- 创作者的!important样式
- 创作者的正常样式
- 读者的正常样式
- 用户代理声明的样式
- 按特殊性对应用到给定元素的所有声明排序。有较高特殊性的元素权重要大于有较低特殊性的元素。
- 按出现顺序对应用到给定元素的所有声明排序。一个声明在样式表或文档中越后出现,它的权重就越大。如果样式表中有导入的样式表,一般认为出现在导入样式表中的声明在前,主样式表中的所有声明在后。
[读书笔记]CSS权威指南2:结构和层叠-大炮~
[读书笔记]CSS权威指南2:结构和层叠-大炮~:层叠样式表中最基本的一个方面可能就是层叠——冲突的声明要通过这个层叠过程排序,并由此确定最终的文档表示。这个过程的核心是选择器及其相关声明的特殊性,以及继承机制。 特殊性 对于每个规则,用户代理会计算选择器的特殊性,并将这个特殊性附