码迷,mamicode.com
首页 > Web开发 > 详细

CSS选择器的权重与优先规

时间:2017-07-04 21:43:30      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:选择器   表达式   定义   伪类   css选择器   选择   相加   等级   style   

我们把特殊性分为4个等级,每个等级代表一类选择器,每个等级的值为其所代表的选择器的个数乘以这一等级的权值,最后把所有等级的值相加得出选择器的特殊值。 4个等级的定义如下: 第一等:代表内联样式,如: style=””,权值为1000。 第二等:代表ID选择器,如:#content,权值为100。 第三等:代表类,伪类和属性选择器,如.content,权值为10。 第四等:代表类型选择器和伪元素选择器,如div p,权值为1。 例如上图为例,其中#NAV为二等选择器,.ACTIVE为三等选择器,UL、LI和A为四等选择器。则整个选择器表达式的特殊性的值为1*100+1*10+3*1=113

CSS选择器的权重与优先规

标签:选择器   表达式   定义   伪类   css选择器   选择   相加   等级   style   

原文地址:http://www.cnblogs.com/langwo/p/7118268.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!