选择类CSS的第n个元素

时间:2014-07-02 23:28:07

标签: html css css-selectors

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

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

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

1 个答案:

答案 0 :(得分:0)

您可以使用: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是相对较新的,因此您必须检查向后兼容性。