剧烈引荐：十分不错的样式表CSS教程(4)
日期：2013-09-10 浏览次数：21019 次
●Specificity
本节讲述的是用来判断款式优先权的是“specificity”。“specificity”和选择符selector中元素的数目以及元素的属性有关，“specificity”高的优先使用。
怎样计算选择符的“specificity”值呢？涉及到三项内容：
1.选择符中ID标识符属性的数目A
留意:一个婚配ID的属性选择符不能算作一个ID,它仅能当作一个属性选择符.例如"id = value"的specificity值远远小于"#_value"
2.选择符中其它属性、伪类的数目B
留意:Class类选择符是属性选择符的一种.
3.选择符中标识、伪元素的数目C
例外:如果款式规则内嵌到一个式样属性内,它并不具备selector、此时它的specificity要比其它任何selector都高.
这三个值通过逗号“连”在一同构成一个加权值。举例如下：
| List | A | B | C | Specificity |
| #blurb { ...} | 1 | 1 | 0 | 1，0，0 |
| .message.big { ... } | 0 | 1 | 1 | 0，1，1 |
| div.message { ... } | 0 | 1 | 1 | 0，1，1 |
| .message { ... } | 0 | 1 | 0 | 0，1，0 |
| div { ... } | 0 | 0 | 1 | 0，0，1 |
| * { ... } | 0 | 0 | 0 | 0，0，0 |
| #id1 { ... } | 1 | 0 | 0 | 1，0，0 |
| UL UL LI.red { ... } | 0 | 1 | 3 | 0，1，3 |
| LI.red { ... } | 0 | 1 | 1 | 0，1，1 |
| LI { ... } | 0 | 0 | 1 | 0，0，1 |
| #z { ... } | 1 | 0 | 0 | 1，0，0 |
| UL LI { ... } | 0 | 0 | 2 | 0，0，2 |
| UL OL+LI { ... } | 0 | 0 | 3 | 0，0，3 |
| H1 + *[REL=up]{ ... } | 0 | 1 | 1 | 0，1，1 |
| UL OL LI.red { ... } | 0 | 1 | 3 | 0，1，3 |
| LI.red.level { ... } | 0 | 2 | 1 | 0，2，1 |
| #x34y { ... } | 1 | 0 | 0 | 1，0，0 |
| H1 {(simple selector)} |
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
|
