„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Warum zielt „p.visible:last-of-type“ nicht auf das letzte sichtbare Absatzelement ab?

Warum zielt „p.visible:last-of-type“ nicht auf das letzte sichtbare Absatzelement ab?

Veröffentlicht am 16.11.2024
Durchsuche:812

Why Doesn\'t `p.visible:last-of-type` Target the Last Visible Paragraph Element?

:last-of-type-Selektorverhalten

Die :last-of-type-Pseudoklasse zielt auf das letzte Element eines angegebenen Typs ab innerhalb eines übergeordneten Containers. Im Kontext Ihres CSS-Selektors (p.visible:last-of-type) ist es jedoch wichtig zu beachten, dass :last-of-type ausschließlich für Elementtypen und nicht für Klasseninstanzen gilt.

In Ihrem HTML-Markup:

This should be hidden

This should be displayed

This should be hidden

Das Problem entsteht, weil :last-of-type auf das letzte

-Element abzielt, das in diesem Fall nicht über die Klasse .visible verfügt. Folglich ist keines Ihrer

-Elemente sichtbar.

Lösung

Um das letzte

-Element mit der .visible-Klasse anzusprechen, müssen Sie JavaScript verwenden. da es für diesen speziellen Zweck keinen integrierten CSS-Selektor gibt.

Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3