爲什麼第一節元素似乎包含在第n個孩子的兄弟姐妹計數中？

我特別針對的是第n個孩子（2n），但與給定班級的第一，第三等兄弟姐妹正在使用css。爲什麼第一節元素似乎包含在第n個孩子的兄弟姐妹計數中？

http://jsfiddle.net/relitnosmoge/9HCnH/1/

.grid > section.fifty:nth-child(2n) { 
     background: red !important; 
     margin-right: 0 !important; 
     margin-left: 0 !important; 
}

<article class="block grid"> 
    <section class="block hundred"></section> 
    <section class="block fifty"></section> 
    <section class="block fifty"></section> 
    <section class="block fifty"></section> 
    <section class="block fifty"></section> 
</article>

來源

2013-01-04 Jameson

這些索引是基於1而不是零基於 – Musa

無論如何用css可靠地針對特定類的選定索引（如3），無論總元素？此外，爲什麼所有兄弟姐妹都包含在索引中，而不管它們是否是目標類的一部分？ – Jameson

那麼選擇器是nth- **孩子**不是nth-child-tageret – Musa

使用

nth-child(even)

或

nth-child(2n+2)

將工作我猜。你能試試嗎？

與你的班級一起使用，即五十將只選擇五十而不是一百。

來源

2013-01-04 07:26:58 AdityaSaxena

第n個孩子（偶數）選擇與第n孩子（2n）相同的兄弟姐妹，因爲所有部分都包含在總同胞計數（或索引）中。據我瞭解，至少。 2n + 2唯一的問題是我需要一種方法來選擇給定類的特定間隔，而不管「網格」父節點中的兄弟節點。 2n + 1只適用於這個給定的實例。 – Jameson

爲什麼第一節元素似乎包含在第n個孩子的兄弟姐妹計數中？

回答

相關問題