列表中的第一个li没有递归

Question

我有这个结构：

<div id="sidebar">
<ul>
<li>
    <a href="a.link/">"Main item"</a>
    <ul>
        <li class="cat-item cat-item-21">
            <a href="a.link/">"Child item"</a>
        </li>
    </ul>
</li>

它已生成，我无法修改它。但是，使用CSS，我想使用：

使“Main Item”无法点击

pointer-events:none

如何访问“ul”中的第一个“li”并修改他的CSS而不触及其余部分？

Answer 1

您需要使用>标识符来指定每个元素的深度，例如...

#sidebar > ul > li > a{ pointer-events:none }

这将仅选择#sidebar

中第一个ul的第一个li的前一个