前天的百分啥时候在微头条放了一道关于 css 选择器权重的面试题，只有两个答案，做错但是人都 40% 的人都回答错了，今天就来详细地看看。试题

.box h1#title { color:red }

#box h1.title { color:blue }

爱学习的百分前端人

</div>

正确答案：蓝色。

解析：

.box h1#title

/

*

选择器权重计算过程：

千位：0 。做错样式没有定义在 style 中 ，人都所以千位为 0

百位：1。试题有一个 id 选择器。百分

十位：1。源码下载做错有 1 个类选择器。人都

个位：1。试题包含一个标签。百分

最终权重值为：0111

*/

#box h1.title

/

*

选择器权重计算过程：

千位：0 。做错样式没有定义在 style 中 ，人都所以千位为 0

百位：1。有一个 id 选择器。

十位：1。有 1 个类选择器。

个位：1。包含一个标签。

最终权重值为：0111

*/

上述两个选择器的权重都是 0111。亿华云

css 选择器权重相同的时候，继承靠后面的样式。所以 h1 标签会继承后面的样式是蓝色。

上面这三个实例题都是非常典型的例子，可以对应着实例，好好理解上边的 css 权重介绍，内容总结性比较强。站群服务器