在css僞類中可以做第n個孩子的第n個孩子嗎？

-2

我基本上想在該欄內做「第二欄然後第二欄」。所以在菜單中選兩個，然後兩個。在css僞類中可以做第n個孩子的第n個孩子嗎？

謝謝。

<div class="row ms-category">  
      <div class="col-category col-xs-3"> 
       <a class="form-group level1" href="">title</a> 
       <a class="form-group level2" href="">title</a> 
       <a class="form-group level2" href="">title</a> 
      </div> 

      <div class="col-category col-xs-3"> 
       < <a class="form-group level1" href="">title</a> 
       <a class="form-group level2" href="">title</a> 
       <a class="form-group level2" href="">title</a> 
      </div> 

      <div class="col-category col-xs-3"> 
       <a class="form-group level1" href="">title</a> 
       <a class="form-group level2" href="">title</a> 
       <a class="form-group level2" href="">title</a> 
      </div> 

    </div>

來源

2015-12-01 jord49

你試過嗎？ –

你的意思是粘貼什麼東西？ – jord49

它取決於你的結構（是否所有元素在元素的每行元素中共享同一父元素或一個父元素，或在元素的每列中共享一個父元素）。沒有看到您的標記（HTML）的所有答案可能最終被錯誤，因爲它們將基於假設。 – Harry

當然可以。您可以使用僞類的一個像nth-child：

div.row > div:nth-child(2) > a:nth-child(2){ 
 
    background: red; 
 
}

<div class="row ms-category"> 
 
    <div class="col-category col-xs-3"> 
 
    <a class="form-group level1" href="">title</a> 
 
    <a class="form-group level2" href="">title</a> 
 
    <a class="form-group level2" href="">title</a> 
 
    </div> 
 

 
    <div class="col-category col-xs-3"> 
 
    <a class="form-group level1" href="">title</a> 
 
    <a class="form-group level2" href="">title</a> 
 
    <a class="form-group level2" href="">title</a> 
 
    </div> 
 

 
    <div class="col-category col-xs-3"> 
 
    <a class="form-group level1" href="">title</a> 
 
    <a class="form-group level2" href="">title</a> 
 
    <a class="form-group level2" href="">title</a> 
 
    </div> 
 

 
</div>

僞類指數開始一個，所以上面的規則說：選擇第二錨也就是第二個孩子div是任何一個行類的div的孩子。

來源

2015-12-01 16:54:07 j08691

@Harry - 夠了，更新。 – j08691

在css僞類中可以做第n個孩子的第n個孩子嗎？

回答

相關問題