关于CSS样式类选择器的问题

原来的静态HTML中样式是以id选择器设置的样式
如图:
1.png


2.png

 
效果是如下图的:

3.png

 
然后,我将样式选择器改为class之后,标签<li>的样式就不起作用了
如下图:

4.png


5.png


6.png

 
求解这是为什么呢,对CSS样式不熟悉。
已邀请:

大呲花 - 15后

赞同来自: 木魚 木魚他哥

我在想是不是你引入的有问题

木魚 - 伪文艺半愤青无党派人士

赞同来自: 木魚他哥 LeiMieMie

这是因为你改的CSS权重不够高。最简单的解决方法,是在你添加的CSS类定义之前添加.label_02,变成 .label_02 .label_left_02 以及 .label_02 .label_right_02
权重不够高会导致它们的规则无法覆盖之前定义的规则(在.label_02 li),通过Chrome开发者工具可以看出规则是否正确并起效。
 
PS:我并没有哥。

警告:追问别人请评论 回复回答 直接回答提问才可以