继承样式表中的特殊性与权重:样式表中的特殊性描述了不同规则的相对权重,它的基本规则是:   统计选择符中的ID属性个数。   统计选择符中的CLASS属性个数。   统计选择符中的HTML标记名格式。   最后,按正确的顺序写出三个数字,不要加空格或逗号,得到一个三位数。( 注意,你需要将数字转换成一个以三个数字结尾的更大的数)。相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。

吕的部落格唯女子与小人为难养也近之则不孙远之则怨

继承样式表中的特殊性与权重

样式表中的特殊性描述了不同规则的相对权重,它的基本规则是:

  统计选择符中的ID属性个数。
  统计选择符中的CLASS属性个数。
  统计选择符中的HTML标记名格式。

  最后,按正确的顺序写出三个数字,不要加空格或逗号,得到一个三位数。( 注意,你需要将数字转换成一个以三个数字结尾的更大的数)。相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。

  以下是一个按特性分类的选择符的列表:

  H1 {color:blue;}            特性值为:1
  P EM {color:purple;}          特性值为:2
  .apple {red;}              特性值为:10 
  P.bright {color:yellow;}          特性值为:11
  P.bright EM.dark {color:brown;}      特性值为:22
  #id316 {color:yellow}          特性值为:100

  H1#id316 { color:black;}          特性值为:101
  EM { color:gray;}             特性值为:1

  从上表我们可以看出#id316具有更高的特殊性,因而它有更高的权重。当有多个规则都能应用于同一个元素时,权重越高的样式将被优先采用。

CSS中允许这样设置,它们被称为重要规则(important rule)

正确地放置!important的位置是很重要的,否则整条规则将为无效。!important总是放在规则声明的最后,在分号之前。

参阅:实例详解CSS的继承性及其应用,作者不详

所属分类:读书笔记标签:无 继承样式中的特殊性权重 吕 @ 2007年3月29日8点27分 AM 编辑 继承样式表中的特殊性与权重阅读(1523) 评论(0)

评论

还没有评论
未开放评论

谷歌中继承样式表中的特殊性与权重相关文章

数据加载中,请稍候……