選擇一個類的第n個元素CSS

我有一個div與一些圖像+文本divs，圖像和文本divs以隨機順序出現，它可能是image-image-text-image或text-image-text-image etc ...每個文本項目都有一個與之相關的類，那麼我該如何定位該類的第n個元素？選擇一個類的第n個元素CSS

我不能定位父母，因爲第一項可能是圖像或文本，我只想分別定位每個文本項目。這是一個變量以便應用到的div的可變數量的類：

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

來源

2014-07-02 Crizly

會更好，如果你添加的代碼:) –

您可以使用: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是比較新的，所以你必須檢查向後兼容性。

來源

2014-07-02 23:31:30 jcaron

它似乎並沒有在Safari的mac上工作 – Crizly

在這裏工作。不是你的文本和圖像元素必須是不同的類型（例如'p' vs'img'，或'p' vs'div'，或其他你喜歡的東西），並且你必須在選擇器中包含這個類型：'p：（3）' – jcaron

他沒有在這裏定位類型，他想把目標定爲***類，這就是爲什麼它不起作用。 –

選擇一個類的第n個元素CSS

回答

相關問題