CSS选择符优先级引起的样式失效_html/css_WEB-ITnose
程序员文章站
2022-04-26 21:33:57
...
选择符优先级带来的样式失效:
由于CSS选择符优先级可能引起某些样式失效,这个问题初学者可能会碰上,但是往往并不容易发现。
代码实例:
蚂蚁部落
- 蚂蚁部落
- div+css专区
- HTML专区
以上代码可以将li元素中的所有文字设置为绿色。这个时候可能需求变了,要将第一个li元素作为标题,需要改变一下它的元素。
代码如下:
蚂蚁部落
- 蚂蚁部落
- div+css专区
- HTML专区
尽管给第一个li元素单独设置了class类,并且规定了新的颜色,但是并没有生效。这就是由选择符优先级导致的。
只要将CSS代码做如下修改即可:
.mydiv li{color:green;} .mydiv .myli{color:blue;}
如需了解选择符优先级规则,可以参阅CSS选择符优先级一章节。
原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0519/1894.html
最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4701
上一篇: .NET复合控件之可输入的下拉控件
下一篇: CSS原生布局方法有哪些?
推荐阅读
-
CSS控制前台样式在360和chrome的兼容问题,跪求高手帮忙,在线等,,,,,,,_html/css_WEB-ITnose
-
移除IOS下按钮的原生样式_html/css_WEB-ITnose
-
Css样式兼容IE6,IE7,FIREFOX的写法_html/css_WEB-ITnose
-
a标签点击跳转失效IE6、7的奇葩bug_html/css_WEB-ITnose
-
DreamWeaverCS5必须刷新样式表才能显示定义过的选择器_html/css_WEB-ITnose
-
css 样式用法的累积_html/css_WEB-ITnose
-
纯CSS3实现漂亮的价格表样式代码_html/css_WEB-ITnose
-
dropdownmenu,网页另存为之后,CSS样式变的很丑,求高手指点_html/css_WEB-ITnose
-
请教:网站的这种样式怎么写出来的_html/css_WEB-ITnose
-
dropdownmenu,网页另存为之后,CSS样式变的很丑,求高手指点_html/css_WEB-ITnose