Css中子类属性怎么覆盖父类属性吗

 

想问一下css中li里面设置了list-style:none，它的子类li中想设置list-style-type：square，该怎么设置吗？直接写好像不行诶

你想要什么效果呢你的描述不太清除，就是这样呗

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .parent {
            list-style: none;
        }

        .audio-cartoons {
            list-style: square !important; //我试了一下没有这个也行!important
        }
    </style>
</head>

<body>
    <ul class="parent">
        <li>
            555
            <ul class="audio-cartoons">
                <li>999</li>
            </ul>
        </li>
    </ul>
</body>

</html>

 

css 渲染有一个优先级判定

如果多个选择器都能选择到同一个对象，那么选择器深度高的优先

比如，你这个页面中，开始定义了 li 的样式 .vm一堆那个，层深是4层，.audio那个，层深是2，所以无法覆盖过去

如果层深相同，则后边的覆盖前边的