CSS中的选择器的选择原则

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

那么，又怎么来计算选择器的特殊性呢？

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

四个等级的定义如下：

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

2. 第二等：代表ID选择器，如：#content，权值为100。

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

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

注意：通用选择器（*），子选择器（>）和相邻同胞选择器（+）并不在这四个等级中，所以他们的权值都为0。

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

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

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

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

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