Können Sie mit dem Universal-Selektor Stile auf Pseudoelemente anwenden?

Universeller Selektor im Vergleich zu Pseudoelementen

Der universelle Selektor () wirkt sich nicht direkt auf Pseudoelemente aus (:before, :after) weil sie keine tatsächlichen Elemente sind. Ein einfacher Selektor wie zielt nur auf Elemente ab, während Pseudoelemente separate Einheiten im DOM sind.

Um Stile auf Pseudoelemente anzuwenden, muss man das entsprechende Pseudoelement in den Selektor aufnehmen. Daher ist :before, :after notwendig, um diese Pseudoelemente zu beeinflussen.

Mit * { box-sizing: border-box; } allein wirkt sich nicht auf Pseudoelemente aus, da die Boxgröße normalerweise nicht vererbt wird. Stattdessen behalten Pseudoelemente ihren Standardwert „content-box“ bei.

In einigen Fällen können Pseudoelemente neben dem universellen Selektor in einer Selektorkette erscheinen (z. B. *, :before, :after). Der universelle Selektor kann jedoch weggelassen werden, wenn er nicht die einzige Komponente in der Kette ist.

Obwohl Pseudoelemente standardmäßig inline angezeigt werden, wirkt sich die Boxgröße nicht auf sie aus, wenn sie inline sind.

Beim Anwenden von Stilen auf Pseudoelemente mithilfe der Einzelpunkt-Notation (:before, :after) ist es wichtig zu bedenken, dass IE8 die Doppelpunkt-Notation (::before, ::after).

Auch wenn :before, :after Stile auf alle Pseudoelemente anwendet, werden sie erst generiert, wenn die Content-Eigenschaft angewendet wird.

Das obige ist der detaillierte Inhalt vonKönnen Sie mit dem Universal-Selektor Stile auf Pseudoelemente anwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!