css中的优先级
2015-09-22 19:54
681 查看
在CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择器的规则优先于具有一般选择器的规则,如果两个规则的特殊性相同,那么后定义的规则优先。
那么,又怎么来计算选择器的特殊性呢?下面这张图介绍了特殊性的计算方法:
我们把特殊性分为4个等级,每个等级代表一类选择器,每个等级的值为其所代表的选择器的个数乘以这一等级的权值,最后把所有等级的值相加得出选择器的特殊值。
4个等级的定义如下:
第一等:代表内联样式,如: style=””,权值为1000。
第二等:代表ID选择器,如:#content,权值为100。
第三等:代表类,伪类和属性选择器,如.content,权值为10。
第四等:代表类型选择器和伪元素选择器,如div p,权值为1。
例如上图为例,其中#NAV为二等选择器,.ACTIVE为三等选择器,UL、LI和A为四等选择器。则整个选择器表达式的特殊性的值为1*100+1*10+3*1=113
尽量去写单独的样式,不要写太多的通配符如p, li , ul div等来控制你的元素属性。
那么,又怎么来计算选择器的特殊性呢?下面这张图介绍了特殊性的计算方法:
我们把特殊性分为4个等级,每个等级代表一类选择器,每个等级的值为其所代表的选择器的个数乘以这一等级的权值,最后把所有等级的值相加得出选择器的特殊值。
4个等级的定义如下:
第一等:代表内联样式,如: style=””,权值为1000。
第二等:代表ID选择器,如:#content,权值为100。
第三等:代表类,伪类和属性选择器,如.content,权值为10。
第四等:代表类型选择器和伪元素选择器,如div p,权值为1。
例如上图为例,其中#NAV为二等选择器,.ACTIVE为三等选择器,UL、LI和A为四等选择器。则整个选择器表达式的特殊性的值为1*100+1*10+3*1=113
尽量去写单独的样式,不要写太多的通配符如p, li , ul div等来控制你的元素属性。
相关文章推荐
- CSS之Sass Compass
- 个人的浏览器重置样式表(总结)
- [看书][CSS精粹(第2版)]第三章 CSS和图像 & HTML网页布局
- css设置div等标签背景半透明
- 你所不了解的css选择器补充
- css中div层置顶解决办法
- CSS3绘制环形进度条
- css中使用rgba和opacity设置透明度的区别
- CSS布局 ——从display,position, float属性谈起
- 你所不了解的css选择器
- css禁止html标签被选中和复制
- 修改FileUpload样式
- wpf动态设置控件样式
- 纯CSS实现的3D倒计时效果
- 四个好看的CSS样式表格
- CSS渐变
- css使用li索引或偶数行
- JS+CSS实现带小三角指引的滑动门效果
- 2015年9月21号css第一次课
- HTML+css3 工作笔记