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

das besitzt auch die .visible-Klasse.

Das obige ist der detaillierte Inhalt vonWarum wählt „.class:last-of-type' nicht das letzte Element mit einer bestimmten Klasse aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle：php.cn

Vorheriger Artikel：Wie drehe ich Text in HTML-Tabellenzellen mithilfe von CSS-Transformationen? Nächster Artikel：Flex, Box oder Flexbox: Welchen Anzeigewert sollten Sie verwenden?

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors

Aktuelle Ausgaben

function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...

Aus 2024-04-29 11:01:01

0

2

1693

So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?

Aus 2024-04-23 00:22:19

0

10

1856

Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.

Aus 2024-04-19 15:37:47

0

1

1570

Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...

Aus 2024-04-18 23:52:34

0

1

1478

Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen

Aus 2024-04-16 10:10:18

0

0

1528

verwandte Themen

Mehr>

• So lösen Sie nicht verfügbar
• So blockieren Sie eine Website
• Linux-Versionsinformationen anzeigen
• Zeichensoftware
• So lösen Sie das Problem, dass der Win10-Ordner nicht gelöscht werden kann
• Was tun, wenn die CHM-Datei nicht geöffnet werden kann?
• So verbergen Sie die IP-Adresse auf TikTok
• 940mx-Grafikkarte