2013-01-18 23 views
6

爲什麼最後一個孩子沒有瞄準這個小提琴的最後一篇文章標籤?爲什麼最後一個孩子沒有瞄準這個小提琴的最後一篇文章標籤?

http://jsfiddle.net/gunP9/

<div class="parent"> 
<article class="example">111</article> 
<article class="example">111</article> 
<article class="example">111</article> 
<article class="example">111</article> 
<section>content</section> 
</div> 

CSS

.parent .example{ background-color: red;} 
.parent .example:last-child{background-color: yellow;} 

回答

13

last-child目標,好了,父母的最後一個孩子。在這種情況下,最後一個孩子是section,它沒有類example,因此沒有匹配選擇器。

你在找什麼是last-of-type,它匹配元素而不是類。 Take a look.

+0

「各篇的最後一個孩子」就是這樣......不知道那...感謝 – byronyasgur

+0

抱怨..你知道任何它不與IE8的工作... JS以外的其他方式? – byronyasgur

+0

從頭開始...最後一個孩子不會與IE8一起工作:-O – byronyasgur

0

,因爲選擇說

+0

它如何讓它定位到最後一篇文章?即不是部分 – byronyasgur

相關問題