核心提示:层叠作者:的样式表。读者:如果在某个属性的最后加上important(格式:元素名{属性设置;!important;}),则可以覆盖作者的样式。读者:如果定义了作者没有定义的样式,会改变浏览器的显示。...
层叠
作者:的样式表。读者:如果在某个属性的最后加上important(格式:元素名{属性设置;!important;}),则可以覆盖作者的样式。
读者:如果定义了作者没有定义的样式,会改变浏览器的显示。
浏览器:如果作者没有定义某样式,浏览器使用默认样式。
浏览器确定要对一个元素使用哪些样式时,最优先使用作者样式,然后是读者样式,最后是默认样式。
特定性计算:
个位数字:一个元素名加1十位数字:一个类/伪类加1
百位数字:一个id加1
eg浏览器找到h1元素的属性--步骤:
①收集所有样式表:作者,读者,默认。
②找到所有匹配的声明。
③对所有匹配的规则按作者/读者/浏览器的顺序排序。
④按特定性对所有声明排序:首先计算各个特定性得分,然后重新排列规则的顺序(只在类别内进行排序,不会对作者读者浏览器跨类别排序),最高分的胜出。
⑤如果有两个规则的得分相同,则最后出现的胜出。
h1规则与h2规则不同,特定性都为001