如何僅在可能的情況下使用 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>