在这之前只知道css权重的皮毛,比如说:行内权重比头部权重高,头部比外部样式权重高…………工作中才知道真正理解css权重重要性。理解权重了才能写出来最优css选择器来。对后面学习less,scss有很大帮助。 从css代码存放的位置来看,权重计算当然是 >内嵌样式 > 内部样式表 > 外联样式表!然 ...
分类:
Web程序 时间:
2016-12-24 22:44:39
阅读次数:
217
第一等:代表内联样式,如: style=””,权值为1000。 第二等:代表ID选择器,如:#content,权值为100。 第三等:代表类,伪类和属性选择器,如.content,权值为10。 第四等:代表类型选择器和伪元素选择器,如div p,权值为1。通用选择器(*),子选择器(>)和相邻同胞选 ...
分类:
Web程序 时间:
2016-04-04 14:28:51
阅读次数:
137
本篇讲解CSS特异性(CSS Specificity)的细节,也就是CSS样式选择器的权重计算
通过计算选择器的权重(weight)最终决定哪个选择器将获得优先权去覆盖其他选择器的样式设定,即“优先原则(priority rules)”!
首先,我们来一个简单的例子:
body>
ul id="summer-drinks">
li class="fav...
分类:
Web程序 时间:
2014-12-11 15:55:18
阅读次数:
212