CSS样式id和class属性优先级问题
来源:互联网 发布:博优化纤 官网 编辑:程序博客网 时间:2024/05/18 00:51
在DIV+CSS设计网页时, 总会碰到一些CSS属性优先级问题. 如果不清楚优先级的等级, 直接想当然的认为应该是这样, 就很容易出错. 这里分析一个本人碰到的问题, 学习一下属性优先级问题.
下面是代码测试代码:
<style type="text/css">
<!–
#div1 ul li{ list-style: square;}
.div2class ul li{ list-style:none;}
–>
</style>
<div id="div1" class="div1class">
<div id="div2" class="div2class">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</div>
上面代码本意是通过想通过div2class来去掉li前面定义的点, 按照越靠近优先级越高原则, 应该是应用 .div2class 中的定义, 但实际情况方点并没有去掉. 并没有应用 .div2class 还是按照 #div1 中的设置显示. 这证明 id 的优先级要高于 class.
总结一点经验就是: 通过继承来的属性 id 的优先级高于 class
CSS的优先级顺序: tag中的style > id > class > tag > 继承的属性 按同样的顺序
原创文章 转载请注明出处: 登高望远 [ http://www.dengor.com/archives/618.html]
- CSS样式id和class属性优先级问题
- CSS样式id和class属性优先级问题的比较
- css样式中的class,style与id的优先级问题
- css中class属性和id属性
- css中class属性和id属性的样式文件…
- CSS样式,id选择器和class选择器
- class样式优先级问题
- CSS选择器样式和style属性样式优先级
- Css样式优先级问题
- CSS样式中class和id的区别和含义
- Jquery获取css中id和class样式的动作-#id和.class
- css中id、class、style的优先级
- CSS Id和Class
- CSS样式的优先级问题
- CSS样式的优先级问题
- 【jQuery】jQuery修改class属性和CSS样式
- CSS部分属性,样式表,优先级
- jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
- Balanced Binary Tree
- Unity3D 帧数修改
- Android控件之Button图片文字的混排
- WordPress下安装的主题无法显示的解决办法
- 由batch 命令setlocal enabledelayedexpansion引发的
- CSS样式id和class属性优先级问题
- 妈咪,我找到了!15个实用的Linux find命令示例
- Bias-Variance Tradeoff
- 爹地,我找到了!15个极好的Linux find命令示例
- 纪念光棍节小游戏
- NGUI:HUD Text
- ORACLE中sga那些事
- 树莓派学习笔记——I2C Tools 学习笔记
- 归并求逆序对【模板】