权值
来源:互联网 发布:软件测试严重程度 编辑:程序博客网 时间:2024/06/06 01:09
有的时候我们为同一个元素设置了不同的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
- 权值
- css权值
- CSS权值
- CSS权值
- 10.权值
- c#基数,权值
- 【Html】特殊性-权值
- LinearLayout的weight(权值)详解
- CSS样式优先级(权值)
- 误差、权值、偏差的变化情况
- POJ 1182 食物链 并查集 + 权值
- 关于Graph-cut T-link 权值
- POJ 1962 Corporative Network 并查集+权值
- POJ 1988 Cube Stacking 并查集 + 权值(隐含)
- POJ 1703 Find them, Catch them 并查集 + 权值
- CSS的继承、层叠、特殊性、权值、重要性(!important)
- HDU 3038 How Many Answers Are Wrong 并查集 + 权值
- mysq 条件分组统计_分组统计每个人的bug权值
- Coin Change - leetcode 322号题目个人题解
- Hibernate 菜鸟教程 8 复合主键
- Codeforces738C-Road to Cinema(二分答案+贪心)
- 第四十四天学习笔记
- 记NOIP2016
- 权值
- Hiho 125 GeoHash一·编码解码
- 为什么static成员必须在类外初始化,而不能在类的头文件中初始化
- codeforces - 738B - Spotlights (瞎搞)
- 自定义流式布局
- Android WebView中JS和Java沟通机制
- uploadify取消文件上传
- GitHub无法上传jar包解决办法
- C#集合的总结