任何第n个：孩子等价于非同胞元素？

我正在一个网站上工作并遇到问题。我有几个div应用于他们的相同的CSS类。我想用css转换每3，5，8等旋转以给出随机的样子。过去我曾经和孩子做过这样的事情，但现在我的孩子们并不是直系兄弟姐妹，而是从共同父母那里嵌套了大约5层。任何第n个：孩子等价于非同胞元素？

下面是代码的简化（太长以至于无法全部添加）。

<tr> 
    <td valign="top" width="20%"> 
    <form> 
     <div class="box fp-product-listing"> 
     <div class="product-image"> 
      <a href=""> 
      <img class=" " /> 
      </a> 
     </div> 
     <div class="product-description"> 
      <a href="""></a> 
      <div class="prices"> <- THIS IS THE DIV TO BE STYLED 
      </div> 
     </div> 
     </div> 
    </form> 
    </td> 
    <td valign="top" width="20%"> 
    <form> 
     <div class="box fp-product-listing"> 
     <div class="product-image"> 
      <a href=""> 
      <img class=" " /> 
      </a> 
     </div> 
     <div class="product-description"> 
      <a href="""></a> 
      <div class="prices"> <- THIS IS THE DIV TO BE STYLED 
      </div> 
     </div> 
     </div> 
    </form> 
    </td> 
</tr>

有关如何使用纯CSS做到这一点的任何意见？（不，我不会使用jQuery只是为了这个小小的效果:)

在此先感谢。

来源

2012-06-27 IssacharWEB

你是指“非兄弟姐妹”还是“不直接兄弟姐妹”，但是从共同父母开始嵌套5级左右？我宁愿你向我们展示HTML并指向你想要选择的元素。 – BoltClock

只需添加代码。 – IssacharWEB

从你提供的HTML中，看起来每个div.prices都在它自己的td中，在这种模式下。在这种情况下，您使用td:nth-child(...) div.prices而不是div.prices:nth-child(...)，因为td元素是彼此的兄弟。

来源

2012-06-27 21:06:31 BoltClock

任何第n个：孩子等价于非同胞元素？

回答

相关问题