2014-04-14 44 views
1

我可以根据伪类.main选择.button吗?是否可以选择我父母的兄弟姐妹的孩子?

我想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解决)

+1

我不认为你可以使用CSS获得元素的内容中选择.button,但我可能是错...... – webeno

+0

@webeno我不需要元素的内容,但我可以使用:empty来选择它是否没有任何内容。 http://www.quirksmode.org/css/selectors/empty.html –

+0

由于在CSS中没有'父'选择器,所以仅用CSS就不可能。唯一的方法是如果'.button'和'.main'是兄弟。 –

回答

3

没有,有没有办法选择 “cousin” 纯CSS。

如果#header.content后,那么你可以一个伪类的.content选择.button - 一个“阿姨/叔叔” - 使用相邻的兄弟组合子(+)是这样的:

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

但即便如此,你不能从一个伪类的.main(以下简称“表哥”)

相关问题