HTML中设置多个class属性的优先级
来源:互联网 发布:数据封装过程 编辑:程序博客网 时间:2024/05/19 05:38
在编写html的过程中,我们会经常为class属性定义多个值,但是同样会经常发现自己定义的值无效!!!
以前碰到这种情况我就直接重写了,或者直接用id设置css属性,今天想起来好像有些不对哦。。。我必须得去发现真理!!!
<div id="p" class="middle_div padding_10"> <span id="s" class="normal_span"></span></div>
我在两个class里设置的颜色不同,在middle_div里设置的是红色,在padding_10里设置绿色,
结果显示的是绿色,这给我的第一感觉就是:两个class的方向反了!
于是我把两个位置对换,还是绿色!!
这。。。。难道是???
打开css文件一看,果然padding_10在middle_div 前面,然后我把他们俩位置对换,
刷新浏览器,红色!!!
所以呢,在定义多个class值的时候,一定要注意,把自己最喜欢的样式放在后面!
但是呢,如果你在padding_10前面加个div(假设父级元素是div),变成div.padding_10,然后你会发现,不管它在哪,我们的p div始终是绿色的,
从这个例子可以看出来,css样式的优先级是在加载css文件的时候就确定下来的,而不是由后来html里class属性位置前后决定的。
0 0
- HTML中设置多个class属性的优先级
- Struts2 select标签 设置Class属性生成的html代码中select没有class属性问题
- [HTML][CSS]同一元素应用多个class的优先级的测试!
- js中给多个class属性的标签赋值
- html编写的过程中,为什么font设置属性的时候,第二个属性不起作用
- 同一元素应用多个class的优先级的测试
- centos中 ,设置index.html 和 index.php的优先级
- HTML中CSS的常用属性设置
- HTML中CSS的常用属性设置
- html中background-image属性的设置
- html中background-image属性的设置
- 关于CSS的优先级,CSS优先级计算,多个class引用
- HTML+CSS基础 class选择器同时设置多个p标签的背景颜色
- html 元素class 多个class之间空格的含义
- HTML的class属性和id属性
- 设置class属性的值
- css中id、class、style的优先级
- js修改html中class属性
- 自定义Annotation
- 几个学习的网站
- c++心得体会
- POJ-1573-Robot Motion-2013-12-15 00:46:22
- 整理笔记——正则表达式总结
- HTML中设置多个class属性的优先级
- windows命令行(DOS命令)
- 改变模拟器的屏幕尺寸
- Struts2拦截器实现细颗粒权限控制
- 嵌入式 简单的宏在编译的时候进行定义
- GCC-4.4.3 installation on Ubuntu 12.04-amd64【light测试不成功,仅仅是参考价值】
- 配置JAVA的环境变量
- 搬家了
- 黑马程序员------------------IO流