Почему последний ребенок не нацеливается на последний тег статьи в этой скрипке?

Почему последний ребенок не нацеливается на последний тег статьи в этой скрипте?

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;}
6
19 янв. '13 в 0:32
источник поделиться
2 ответов

last-child цели, ну, последний ребенок родителя. В этом случае последний дочерний элемент section, который не имеет класса example, и, следовательно, ничто не соответствует селектору.

То, что вы ищете, это last-of-type, который соответствует элементам, а не классам. Посмотрите.

13
19 янв. '13 в 0:33
источник

Поскольку селектор говорит "последний ребенок каждой статьи"

0
19 янв. '13 в 0:34
источник

Посмотрите другие вопросы по меткам или Задайте вопрос