2017-06-06 95 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; 
}