Селектор: Последний ребенок не работает, как и ожидалось? ⇐ CSS

[Anonymous]

Проблема заключается в этом CSS и HTML. Вот ссылка на jsfiddle с примером кода.
html

Код: Выделить всё

[list]
[*]1
[*]2
[*]3
[*]4
[/list]

css

Код: Выделить всё

li.complete:last-child {
background-color:yellow;
}

li.complete:last-of-type {
background-color:yellow;
}

Разве ни одна из этих строк CSS нацелена на элемент li с помощью «полного» класса ?
Этот запрос в jQuery также не нацелен на него: < /p>

Код: Выделить всё

$("li.complete:last-child");
< /code>
Но это делает: < /p>
$("li.complete").last();
< /code>


li {
background-color: green;
}
li.complete:first-child {
background-color: white;
}
li.complete:first-of-type {
background-color: red;
}
li.complete:last-of-type {
background-color: blue;
}
li.complete:last-child {
background-color: yellow;
}< /code>
[list]
[*]1
[*]2
[*]3
[*]4
[/list]

Подробнее здесь: https://stackoverflow.com/questions/189 ... s-expected