css風格：類上的nth-child選擇器包含其他元素

-1

嗨聰明的人的堆棧，我有這個完全不合理的問題：nth孩子。它不是「鎖定」到特定的類我也試圖附加它。css風格：類上的nth-child選擇器包含其他元素

在我的第一張圖片中，我不得不使滑雪前3個過度的元素，我想滑雪，即使我已經指定它適用於「.pageGrid」類。正如你可以看到第一個<hr>，然後<div>，然後另一個<hr>沒有類。

enter image description here

我的第二個問題，使用相同的CSS在另一個地方，我不得不因爲添加一個不可見的元素：第n個孩子又不是適用於只是我想它適用於元素。

enter image description here

我在想什麼？我真的沒有得到這個..

編輯：

繼承人一些代碼：

.wrapperProductList .prodListPage:nth-child(4n+1) { 
    margin-right: 0; 
}

的「+1」是skipp第一要素..

.pageGrid:nth-child(3n+3) { 
    margin-right: 0!important; 
}

這裏的「+3」是skipp的第一個元素，甚至沒有.pageGrid類：（

<div class="clearfix wrapperProductList pageGrid"> 
<h1>Compact/Stackable</h1> 
<a class="prodListPage" href=""> 
<a class="prodListPage" href=""> 
<a class="prodListPage" href=""> 
<a class="prodListPage" href="">

屬於此標記

來源

2014-02-10 Cammy

請張貼一些代碼，我無法閱讀這些微小的圖像。 – j08691

對不起，我想web開發人員會知道如何右鍵點擊和「顯示圖像」;）但生病後發佈一些代碼，掛在 – Cammy

@cammy這是在堆棧上的常規做法，直接從「馬口」說話，這樣我們所有人都可以找到問題的根源，並儘可能快地幫助你。截圖通常有點難以處理。 – rncrtr

:nth-child()不「鎖定」在類名或標籤名，你覺得它的方式。它只關心元素is the nth child of its parent together with all of its other siblings，不管其他兄弟是不同的元素還是沒有特定的類別等等。

如果你知道你總是想跳過第一個元素和前三個元素。這就是:nth-child()的工作原理。

來源

2014-02-10 15:43:13 BoltClock

真的嗎？我想我一直愚蠢的認爲它是這樣工作的，但是當我開始考慮它主要用在表格中時，那裏你有相同的子元素 - > li's .. – Cammy

@Cammy：A很多人遇到同樣的問題，直到你知道它是如何工作的，這是可以理解的，並不直觀 – BoltClock

我明白了，謝謝你的輸入！:)即使不是最優的，也可以通過添加包裝來解決問題！ – Cammy

css風格：類上的nth-child選擇器包含其他元素

回答

相關問題