在css伪类中可以做第n个孩子的第n个孩子吗？

问题描述：

我基本上想在该栏内做“第二栏然后第二栏”。所以在菜单中选两个，然后两个。在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>

你试过吗？ –

你的意思是粘贴什么东西？ – 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的孩子。

@Harry - 够了，更新。 – j08691

在css伪类中可以做第n个孩子的第n个孩子吗？

相关推荐