本文详细介绍了CSS中样式优先级的确定方式，包括作者样式、读者样式及浏览器默认样式的应用顺序，以及如何通过important声明覆盖原有样式。此外，还阐述了特定性的计算方法，并通过实例说明了浏览器如何确定元素的具体样式。
层叠
作者：的样式表。读者：如果在某个属性的最后加上important（格式：元素名{属性设置；！important;}），则可以覆盖作者的样式。
读者：如果定义了作者没有定义的样式，会改变浏览器的显示。
浏览器：如果作者没有定义某样式，浏览器使用默认样式。
浏览器确定要对一个元素使用哪些样式时，最优先使用作者样式，然后是读者样式，最后是默认样式。
特定性计算：
个位数字：一个元素名加1十位数字：一个类/伪类加1
百位数字：一个id加1
eg浏览器找到h1元素的属性--步骤：
①收集所有样式表：作者，读者，默认。
②找到所有匹配的声明。
③对所有匹配的规则按作者/读者/浏览器的顺序排序。
④按特定性对所有声明排序：首先计算各个特定性得分，然后重新排列规则的顺序（只在类别内进行排序，不会对作者读者浏览器跨类别排序），最高分的胜出。
⑤如果有两个规则的得分相同，则最后出现的胜出。
h1规则与h2规则不同，特定性都为001
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
