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

将样式限制为第一级元素

1 个答案: