为什么这个CSS同级选择器没有选择所有同级？

Answer 1

要求：

选择与标签为 li 具有相同父级的所有 li 直系后裔

因此，如果 ul 中的任何一个 li 具有直接后代标签，则您希望选择 ul 中的所有 li。

您可以在 ul（即父级）上使用 :has 来实现以下目的：

  ul:has(>li>label) > li { 
    border: 4px solid #c0c;
  }
  
  

<ul tabindex="-1">
<li><input type="radio"/ name="r6a" id="r61a" value="6.0a" /><label for="r60a">[Item 6.0]</label></li>
<li tabindex="0">[Item 6.1]</li>
<li><input type="radio"/ name="r6a" id="r62a" value="6.2a" /><label for="r62a">[Item 6.2]</label></li>
<li><input type="radio"/ name="r6a" id="r63a" value="6.3a" /><label for="r63a">[Item 6.3]</label></li>
<li tabindex="0">[Item 6.4]</li>
</ul>