Problème avec le sélecteur CSS :last-child

Peut être vous êtes vous déjà demandé pourquoi votre sélecteur :last-child ne ciblait pas le dernier élément de la classe que vous lui avez passé. Nous avons explication: c’est parce que ce sélecteur se base sur l’élément où s’applique la classe, et qu’il choisit le dernier élément.
Admettons que nous ayons ce code HTML

et ce code CSS pour avoir en fond rouge le derner .panel.

.panel:last-child{
	background: red;
}

Surprise, aucun élément .panel n’a de fond rouge, et surtout pas le dernier (4e enfant de