CSS样式不是从类继承的

时间:2014-11-23 03:36:05

标签: css html5

我有两种<ul>元素,一种是class="subcat",另一种是没有任何标识符。我有以下CSS代码:

ul, li {
    font-weight: 700;
}

.subcat {
    font-weight: 400;
}

这不应该使ul更大胆,而且ulsubcat的任何font-weight: 400;都不那么大胆吗? font-weight: 700;覆盖了ul.subcat {/ 1}}。

1 个答案:

答案 0 :(得分:2)

 .subcat li {
   font-weight: 400;
 }

.subcat更改为.subcat li

&#13;
&#13;
ul, li {
    font-weight: 700;
}

.subcat li {
    font-weight: 400;
}
&#13;
<ul>
    <li>test</li>
    <li>test
        <ul class="subcat">
            <li>test</li>
            <li>test</li>
            <li>test</li>
        </ul>
    </li>
    <li>test</li>
</ul>
&#13;
&#13;
&#13;