Warum kann „:last-of-type“ das letzte Element mit einer bestimmten Klasse nicht auswählen?

Warum :last-of-type mit einem Klassenattribut falsch auswählt

Im bereitgestellten HTML- und CSS-Code ist es nur für vorgesehen das letzte anzuzeigende Element mit der Klasse „visible“ innerhalb eines div. Der .class:last-of-type-Selektor bleibt jedoch wirkungslos.

Das Problem ergibt sich aus einer falschen Vorstellung der Funktion von :last-of-type. Während das letzte Element eines bestimmten Typs (in diesem Fall

-Elemente) genau ausgewählt wird, werden bestimmte Klassenattribute nicht berücksichtigt.

Pseudoklassenfunktionalität:

Das W3C definiert :last-of-type als: „Ein Element, das das letzte Geschwister seines Typs ist.“ Sein Verhalten lässt sich wie folgt zusammenfassen:

1. Es identifiziert Elemente innerhalb jedes enthaltenden Elements im HTML.
2. Es lokalisiert das letzte Element in jedem Satz identifizierter Elemente.
3. Es wird überprüft, ob das ausgewählte Element ein

   Element.

4. Es prüft, ob das Klassenattribut „.visible“ vorhanden ist.

Selektoranalyse:

Der Selektor p. sichtbar:last-of-type zielt auf Folgendes ab:

• Identifiziert alle

  Elemente innerhalb jedes Div.

• Wählt das letzte

  Element in jedem Satz.

• Erfordert sowohl das letzte

  Element und das Klassenattribut „.visible“.

Ergebnis:

Da nur die ersten beiden

Elemente haben die Klasse „.visible“, keines der

Elemente werden trotz korrekter Verwendung von :last-of-type sichtbar.

Lösung:

Um das letzte Element mit der Klasse „.visible“ auszuwählen, gibt es einen anderen Ansatz notwendig. JavaScript oder eine benutzerdefinierte, auf CSS-Attributen basierende Lösung können eine geeignete Problemumgehung darstellen.

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