如何仅在可能的情况下使用 css 设置每个偶数 li 的第一个元素的样式`` ul li:nth-child(odd)>a{..}``

Question

我有这样的 HTML 代码

<ul>
   <li>
      <a>first</a>
      <ul>
         <li><a>sub-1</a></li>
         <li><a>sub-2</a></li>
      </ul>
   </li>
   <li><a>..</a></li>
</ul>

我只想为第一个'ul'的奇数'li'的每个'a'设置样式我正在这样做

ul>li:nth-child(odd)>a{background:#000}

这里有什么错误？？？ 因为它也采用子'ul'的'a'

Answer 1

测试父是否不是li

 :not(li) > ul > li:nth-child(odd) > a { background: red }

 <ul> <li> <a>first</a> <ul> <li><a>sub-1</a></li> <li><a>sub-2</a></li> </ul> </li> <li><a>..</a></li> </ul>