欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 

CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择器的规则优先于具有一般选择器的规则,如果两个规则的特殊性相同,那么后定义的规则优先。

那么,又怎么来计算选择器的特殊性呢?

我们把特殊性分为4个等级,每个等级代表一类选择器,每个等级的值为其所代表的选择器的个数乘以这一等级的权值,最后把所有等级的值相加得出选择器的特殊值。

四个等级的定义如下:

1. 第一等:代表行内样式,如: style=””,权值为1000

2. 第二等:代表ID选择器,如:#content,权值为100

3. 第三等:代表类,伪类和属性选择器,如.content,权值为10

4. 第四等:代表类型选择器和伪元素选择器,如div p,权值为1

注意:通用选择器(*),子选择器(>)和相邻同胞选择器(+)并不在这四个等级中,所以他们的权值都为0

理解选择器的特殊性很重要,特别是在修复bug的时候,因为你需要了解哪些规则优先及其原因。至于具体的应用,我们放到后面的再做具体的讲解。

最后我们再说一下选择器如何使用,原则有三点:

1. 选择可以准确的找到要控制的标签;

2. 使用最合理的优先级的选择器;

3. 还要是htmlcss看起来简洁美观可读性强。

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r28316.shtml