: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.
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