Zu den erweiterten CSS-Selektoren gehören „universeller Geschwisterselektor ~“, „Attributselektor []“, „Pseudoklassenselektor: not()“, „Pseudoklassenselektor: nth-child()“ und „Pseudoklassenselektor“. : nth-of-type()“, „Pseudoklassenselektor: erstes Kind und: letztes Kind“: 1. Universeller Geschwisterselektor, wählt alle Elemente aus, die das gleiche übergeordnete Element wie das angegebene Element haben, und alle Elemente, die das gleiche übergeordnete Element haben wie das angegebene Element Folgen Sie ihm. 2. Attributselektor, Sie können Elemente basierend auf ihren Attributwerten usw. auswählen.
Das Betriebssystem dieses Tutorials: Windows 10-System, Dell G3-Computer.
Erweiterte CSS-Selektoren bieten eine verfeinerte und flexiblere Möglichkeit, Elemente auszuwählen. Hier sind einige gängige erweiterte CSS-Selektoren:
Allgemeiner Geschwisterselektor: Verwenden Sie eine Tilde (~), um die Auswahl aller Geschwisterelemente anzuzeigen als das angegebene Element und folgen ihm unmittelbar.h2 ~ p { color: red; }
p:not(.intro) { color: red; }
p:nth-child(odd) { background-color: lightgray; }
p:nth-of-type(2n+1) { font-weight: bold; }
div p:first-child { font-weight: bold; }
Das obige ist der detaillierte Inhalt vonWas sind die erweiterten CSS-Selektoren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!