CSS仅在有两个 child 时才选择第一个 child

Question

有没有办法只有在有二胎的情况下才选择第一个？我想隐藏第一个 <p></p>仅当有第二个时才标记。有没有办法用 CSS 做到这一点？

我的代码是这样的

<div>
    <p></p>
    <p>something</p>
</div>

Answer 1

你只能通过组合 :first-child 和 :nth-last-child() 来做到这一点，这意味着在纯 CSS 中你不会有任何改进支持比 IE9 及更高版本:

p:first-child:nth-last-child(2) {
    display: none;
}

如果您希望在第一个 p 有 sibling 时隐藏它(即总共有 2、3、4... child 并不重要)，请使用这代替:

p:first-child:not(:only-child) {
    display: none;
}