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 的一流名称标签(无效)，但您首先需要的是 a li 的标签.

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

DEMO