选择类CSS的第n个元素

Question

我有一个带有多个图片+文字div的div，图片和文字div以随机顺序显示，可以是image-image-text-image或text-image-text-image等等text项有一个与之关联的类，那么如何定位该类的第n个元素呢？

我无法定位父母，因为第一个项目可能是图片或文字，我只想单独定位每个文字项目。这是以变量顺序应用于可变数量的div的类：

.article_content_divs {
    width:720px;
    float:left;
    margin-left:5px;
    margin-top:5px;
    text-align:justify;
}

Answer 1

您可以使用:nth-of-type(n)。但是，这需要您使用不同的类型，而不是使用不同的类。

因此，您不必拥有<div class="image">和<div class="text">，而是需要<div class="image">和<p class="text">（或简称<div>和<p> ，那就是最重要的事情。）

然后您可以使用selectorforparent p:nth-of-type(n)。

请注意nth-of-type是相对较新的，因此您必须检查向后兼容性。