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

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

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
18 янв. '13 в 21:32
источник поделиться
2 ответа

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

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

+13
18 янв. '13 в 21:33
источник

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

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

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