Dlaczego ostatnie dziecko nie jest kierowane na ostatni tag artykułu w tym skrzypcach?

Question

Dlaczego ostatnie dziecko nie jest kierowane na ostatni tag artykułu w tym skrzypcach?

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;} 

Answer 1

last-child cele, dobrze, ostatnie dziecko od rodzica. W tym przypadku ostatnim potomkiem jest section, który nie ma klasy example, a zatem nic nie pasuje do selektora.

To, czego szukasz, to last-of-type, które pasuje do elementów, a nie do klas. Take a look.

Answer 2

Ponieważ selektor mówi „ostatnie dziecko każdego z artykułów”