9-2CSS特殊性
来源:互联网 发布:网络通俗歌手大赛冠军 编辑:程序博客网 时间:2024/05/17 18:16
的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码:
p{color:red;}.first{color:green;}<p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>
p和.first都匹配到了p这个标签上,那么会显示哪种颜色呢?green是正确的颜色,那么为什么呢?是因为浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式。
下面是权值的规则:
标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。例如下面的代码:
p{color:red;} /*权值为1*/p span{color:green;} /*权值为1+1=2*/.warning{color:white;} /*权值为10*/p span.warning{color:purple;} /*权值为1+1+10=12*/#footer .note p{color:yellow;} /*权值为100+10+1=111*/
注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。
0 0
- 9-2CSS特殊性
- 9-CSS继承,层叠,特殊性
- CSS-选择器特殊性
- CSS的特殊性 (specificity)
- css优先级(特殊性)
- css的特殊性
- CSS的特殊性 (specificity)
- CSS权威指南-特殊性
- CSS--选择器的特殊性
- CSS特殊性详解
- CSS特殊符号的特殊性
- 【CSS基础】css特殊性(优先级)
- CSS特殊性之权值
- css的继承层叠特殊性
- css的层叠和特殊性
- CSS选择器特殊性与重要性
- CSS中padding的特殊性
- 特殊性
- spel表达式
- windows获取程序调试信息
- dubbo配置文件报错解决思路
- java ee 中request对象getAttribute和getParameter区别
- CONSUMING REST API WITH RETROFIT 2.0 IN ANDROID
- 9-2CSS特殊性
- 剑指offer32--找出第一个只出现一次的字符
- Python Requests快速入
- HttpServletRequest添加header
- Spring中的AOP——AspectJ的基本使用
- android之官方下拉刷新组件SwipeRefreshLayout
- Python Channels笔记--Deploying
- 快速读入
- 机器学习系列-Logistic Regression(1)