CSS权重

之前面试碰到的一个题，也算是面试的常见题吧，如下：

说出两个h2的颜色

这个题目考察的就是css权重，参考大漠老师的译文：http://www.w3cplus.com/css/css-specificity-things-you-should-know.html

权重计算公式：从0开始，一个行内样式+1000，一个id+100，一个属性选择器/class或者伪类+10，一个元素名，或者伪元素+1.著作权归作者所有。

所以#content div#main-content h2的权重是100*2 + 1*2 = 202

　　#content #main-content>h2的权重是100*2 + 1 = 201 ,得出，第一个h2的颜色应该是red.

　　body #content div[id="main-content"] h2的权重是100 + 10 + 1*2 = 112

　　#main-content [class="paragraph"] h2的权重是 100 + 10 + 1 =111

　　div #main-content div.paragraph h2.first的权重是100 + 10*2 + 1*3 = 123,得出，第二个h2的颜色应该是pink.

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有