为了账号安全,请及时绑定邮箱和手机立即绑定

为什么不能直接 .class{} 需要一层层的调用#all ul li.class{}

 #all ul li.on{border-top:2px solid blue; border-bottom:1px solid #fff;}
       
    </style>
    <script type="text/javascript">
         
    // JS实现选项卡切换
    
    
    </script>
 
</head>
<body>
<!-- HTML页面布局 -->
<div id="all">
    <ul>
        <li class="on">房产</li>
        <li>家居</li>
        <li>二手车</li>
    </ul>

这里这个 class on 。为什么直接.on没有效果

正在回答

3 回答

我到网上搜了一下,你遇到的应该是权值问题。即如果两个样式的目标相同,会表达权值高的那一个。多重选择的话权值相加。

内联样式表的权值为 1000

ID 选择器的权值为 100

Class 类选择器的权值为 10

HTML 标签选择器的权值为 1


1 回复 有任何疑惑可以回复我~
#1

4955562999 提问者

非常感谢!
2016-12-02 回复 有任何疑惑可以回复我~

我是小白。

直接把   .on 独立出来作为class选择的样式应该就好了吧。可以这样一层一层选下去的吗?

0 回复 有任何疑惑可以回复我~

因为#all ul li的优先级大于.class{}


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么不能直接 .class{} 需要一层层的调用#all ul li.class{}

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信