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

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

<code class="html"><div>
  <p class="visible">This should be hidden</p>
  <p class="visible">This should be displayed</p>
  <p>This should be hidden</p>
</div></code>

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

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

Elemente sind sichtbar.

Lösung

Um das letzte

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

Das obige ist der detaillierte Inhalt vonWarum zielt „p.visible:last-of-type' nicht auf das letzte sichtbare Absatzelement ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!