2017-06-06 72 views
2

假设有这样的HTML代码中所有的第一个孩子:如何选择只有另一个DIV

<div class="colora_riga"> 
    <!--only this div--> 
    <div> 
     <div>...</div> 
    </div> 
    <!--only this div--> 
    <div> 
     <div>...</div> 
    </div> 
</div> 

我想与像类colora_riga直接的div采取一切只有第一个孩子。我不'想要div另一个div。这是我的CSS:

.colora_riga > div:first-child { 
    border:1px ridge #999999; 
} 

这条规则只适用于div的第一个孩子“colora - 里加”之类的类,第二个直接孩子是不是适用该规则。任何人都可以帮助我?

+0

通过使用即时孩子选择'>',这样'.colora_riga> DIV { ...}' – LGSon

回答

3

如果我理解正确的话,你要直接.colora_riga下每一个div的,你不需要:first-child然后:

.colora_riga > div { 
    border:1px ridge #999999; 
}