是否有可能选择我父母兄弟的孩子？

Question

我是否可以根据.button的伪类选择.main？

仅当div.button为空（div.main）时，我才希望.main:empty为蓝色。我怎么能只使用CSS？

<div class="container">
<div class="header">
    <div class="button">I should have color:blue when .main is empty</div>
</div>
<div class="content">
    <div class="main"></div>
</div>
</div>

（请不要使用jQuery解决）

Answer 1

不，没有办法选择纯CSS的“cousin”。

如果#header在.content之后，那么可以从.button的伪类中选择.content - “阿姨/叔叔“ - 使用相邻的兄弟组合器（+），如下所示：

.content:hover + #header .button{/* styles */}

但即便如此，你也无法从.button的伪类中选择.main（“堂兄”）