子元素不會工作

我有一個問題，如果我輸入1什麼也沒有發生，但如果我輸入2它會更改第一個div：S。子元素不會工作

http://d.pr/m07l

你知道做什麼，我錯了

來源

2011-08-06 olee

你可以在這裏粘貼一些HTML和CSS代碼嗎？你認爲「類型1」和「類型2」是什麼意思？在哪裏輸入？ – BoltClock

我們知道你在做什麼錯了嗎？我不認爲我們甚至不知道你在問什麼，或者你期望什麼，或者出了什麼問題......你能澄清一下嗎？ –

我懷疑他是在談論「n-child」中的數字，而使用影響第一個孩子的「1」不是。第一個孩子只有在使用'n-child（2）'時纔會受到影響。 – andyb

這是因爲第一個和最後一個孩子都有自己的選擇：

:first-child

和

:last-child

所以你必須改用.newsPost:firstChild.newsPost:nth-child(1)。

來源

2011-08-06 16:40:49 Quasdunk

'：first-child'等價於'：nth-child（1）'，'：last-child'等價於'：nth-last-child（1）'。所有這些都是有效的選擇器。 – BoltClock

@BoltClock是的，這也是和什麼說的 - 雖然我很困惑，因爲它對我也不起作用。但是我用這個選擇器已經有一段時間了，所以也許有些東西已經改變了:)我應該刪除我的文章嗎？ – Quasdunk

我的意思是nth-child（1）等我想刪除邊距右：在3和6類這樣的http://net.tutsplus.com/tutorials/html-css-techniques/quick-提示 - 工作 - 向後 - 理解-css-structural-pseudo-classes /但不會爲我工作：S – olee

:nth-child()是1-indexed和:nth-child(1)將選擇第一個孩子。如果它不選擇你想要的，那麼必須有另一個實際上是第一個的孩子。也許這是標題＆hellip;在你的示例圖像中。

既然是頭（感謝鏈接到your site），你應該使用:nth-of-type()而不是隻考慮<div class="newsPost">算起。

來源

2011-08-06 16:41:23 andyb

釘住了它，請參閱Quasdunk的答案下的評論。 – BoltClock

子元素不會工作

回答

相關問題