HTML/CSS 选择符优先级
2017-07-19 21:16
197 查看
CSS的选择符优先级
測试:判读AB的优先级
A、#header #div1 .box1 div .section p .link{………………}
B、#some .base #font #call a{………………}
1、同级样式默认后者覆盖前者 2、样式优先级 类型(1) < class[type](10)=伪类(10) < id(100) < style行间样式(1000) < style内部样式 < link外部引入样式 选择符的相应值综合相加起来大的优先级高 注 : 相应值仅仅是代表他们的等级, 11个类型选择符的优先级仍然小于1个类选择符,以此类推 3、important(IE7及以上) 加了important的样式属性优先级最高。 例
.box{background:red!important;}
測试:判读AB的优先级
A、#header #div1 .box1 div .section p .link{………………}
B、#some .base #font #call a{………………}
方法一: A= 100+100+10+1+10+1+10 = 232 B= 100+10+100+100+1 = 311 B>A 方法二: AB每人干掉2个id选择符。A没有id选择符了。B另一个,所以B优先级高 答案:B
相关文章推荐
- html之css属性选择器,伪类,继承,选择器优先级,float
- HTML/CSS 选择符优先级
- HTML中嵌入CSS的四种方式及优先级、如何选择内嵌式和链接式
- HTML与CSS基础之选择器优先级(十)
- css 选择器优先级 pptx
- CSS中选择器优先级
- css 选择器优先级
- CSS 选择器优先级
- CSS实现竖排导航栏/图像选择【HTML/JS】
- HTML、CSS和JavaScript学习二(Css样式选择器及各选择器的优先级)
- 详解CSS中的选择器优先级顺序
- HTML与CSS基础之属性选择器(二)
- HTML+CSS优化“文件选择”控件(<input type="file">)
- CSS中的选择器优先级考虑
- 43-HTML中选择器优先级比较
- APP在加载外部html时选择加载本地的js、css、img等资源文件(下:iOS篇)<转载>
- CSS渲染HTML时的优先级问题
- HTML、CSS禁止选择文字
- CSS简介与选择器优先级
- css —— 选择器优先级及jQuery遍历元素常用方法