html - 具有特定类的元素的选择器，如果它是其父元素的唯一子元素？

Question

我想将某些 CSS 应用于元素(具有特定类)，如果它是其父元素中的唯一子元素。我可以使用 jQuery 轻松地做到这一点，但我正在寻找一个纯 CSS 解决方案(适用于所有主要浏览器)。如何为这些元素编写选择器表达式？

例如场景:

<div> 
   <span class='a1'/>
</div>

<div> 
   <a>random text</a>
   <span class='a1'/>
</div>

我希望第一个 div 包含 .a1 元素被选中，因为它是其父元素中的唯一元素。

Answer 1

使用 .a1:only-child 参见 this fiddle .当然是不是supported or not还要看你认为“主流浏览器”是什么(这是一个 CSS3 属性)。