您现在的位置:首页 >> 前端 >> 内容

Web前端-HeadFirst-笔记-Ch10-层叠与特定性计算

时间:2017/7/14 9:59:23 点击:

  核心提示:层叠作者:的样式表。读者:如果在某个属性的最后加上important(格式:元素名{属性设置;!important;}),则可以覆盖作者的样式。读者:如果定义了作者没有定义的样式,会改变浏览器的显示。...

层叠

作者:的样式表。
读者:如果在某个属性的最后加上important(格式:元素名{属性设置;!important;}),则可以覆盖作者的样式。
读者:如果定义了作者没有定义的样式,会改变浏览器的显示。
浏览器:如果作者没有定义某样式,浏览器使用默认样式。
浏览器确定要对一个元素使用哪些样式时,最优先使用作者样式,然后是读者样式,最后是默认样式。

特定性计算:

个位数字:一个元素名加1
十位数字:一个类/伪类加1

百位数字:一个id加1

eg浏览器找到h1元素的属性--步骤:

①收集所有样式表:作者,读者,默认。
②找到所有匹配的声明。
③对所有匹配的规则按作者/读者/浏览器的顺序排序。
④按特定性对所有声明排序:首先计算各个特定性得分,然后重新排列规则的顺序(只在类别内进行排序,不会对作者读者浏览器跨类别排序),最高分的胜出。
⑤如果有两个规则的得分相同,则最后出现的胜出。
h1规则与h2规则不同,特定性都为001

Tags:WE EB B前 前端 
作者:网络 来源:lamanchas的