CSS中选择器的选择原则是什么

这篇文章给大家分享的是有关CSS中选择器的选择原则是什么的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

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

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

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

四个等级的定义如下：

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

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

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

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

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

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

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

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

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

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

感谢各位的阅读！关于"CSS中选择器的选择原则是什么"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！