Warum wählt „.class:last-of-type' nicht das letzte Element mit einer bestimmten Klasse aus?

Warum funktioniert .class:last-of-type nicht wie erwartet?

Der Selektor .class:last-of-type ist Entwickelt, um auf das letzte Element eines bestimmten Typs innerhalb eines bestimmten Containers abzuzielen, nicht auf das letzte Element mit einer bestimmten Klasse.

In diesem Beispiel:

<code class="css">p{
    display: none;
}
p.visible:last-of-type {
    display: block;
}</code>

Der Selektor sucht nach dem letzten

Element innerhalb jedes enthaltenden Elements. Da jedoch keines der

Auf Elemente wird die .visible-Klasse angewendet, der Selektor wählt letztendlich keines davon aus.

Um das letzte Element mit der .visible-Klasse anzusprechen, verwenden Sie stattdessen den folgenden Selektor:

<code class="css">div p:last-of-type.visible {
    display: block;
}</code>

Dieser Selektor zielt auf das endgültige

Element innerhalb jedes