html - 将样式限制为第一级元素

Question

我正在使用以下样式和 html 代码列出一些项目

li.DC a > ins.jstree-icon{
height:22px; width:350px; border:#999999 1px solid; margin-bottom:2px; list-style:none; background-color:red;

}

<li class="DC">
    <a><ins class="jstree-icon"></ins>HelloName</a>
    <ul>
        <li>
            <a><ins class="jstree-icon"></ins>HelloName</a>
        </li>
    </ul>
</li>

我想将样式应用于 jstree-icon 的第一级出现，现在该样式也应用于第二级。任何人都可以建议相同的CSS吗？

Answer 1

您需要更改选择器位置

您的选择器说的是标签的第一类名称a（无效），但您需要的是.ali

li.DC > a ins.jstree-icon{
    height:22px; width:350px; border:#999999 1px solid; margin-bottom:2px; list-style:none; background-color:red;}

演示