css中的优先级
来源:互联网 发布:november rain 知乎 编辑:程序博客网 时间:2024/06/05 09:13
在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等来控制你的元素属性。
0 0
- css中的优先级问题
- css中的优先级
- css属性中的优先级
- CSS中的选择器优先级考虑
- 【前端开发】CSS中的优先级
- CSS中的优先级的关系
- CSS中的优先级(有些翻译为特殊性
- css中的层叠特性--选择器优先级
- css 中的!important为优先级的确定
- CSS优先级,优先级计算
- css 优先级
- CSS优先级
- css优先级
- css优先级
- CSS优先级
- CSS优先级
- CSS优先级
- css优先级
- Android读写操作之内存的读写操作
- google adsense初次申请后广告无法显示问题
- LightOJ 1030 Discovering Gold 概率
- iOS通过UIAlertView实现Android Toast效果
- hdu 2452 Navy maneuvers-记忆化搜索
- css中的优先级
- Storyboard的简单使用
- zoj 1081 Points Within
- hdu 2389 Rain on your Parade【最大匹配】
- python的jieba分词词性标注
- iOS开发 ----- UITablBarController_NSUserDefault
- 14.如何给分类添加数据成员
- POJ 3349 Snowflake Snow Snowflakes ( HASH+最小表示判同构 )
- iOS开发 ----- UIGestureRecognizer