Können Klammern in CSS-Selektoren für Geschwisterbeziehungen verwendet werden?

Klammern in CSS-Selektoren

Können Klammern in CSS-Selektoren integriert werden? Kann der Selektor insbesondere im Fall der Ausrichtung auf einen Header mit dem Text „Blockhead“ als (.gumby > .pokey) h3 geschrieben werden?

Eingeschränkte Verwendung von Klammern

Klammern sind Ungültige Operatoren in CSS-Selektoren. Sie sind für funktionale Notationen wie :lang(), :not() und :nth-child() reserviert.

Alternative für Klammern in Geschwisterbeziehungen

Im bereitgestellten Beispiel Klammern sind unnötig. Der Selektor .gumby > .pokey h3 reicht aus, um den gewünschten Header auszuwählen.

CSS-Selektoren werden linear gelesen. Kombinatoren wie „>“ und „ “, die in diesem Selektor verwendet werden, haben keinen Vorrang. Der Selektor kann wie folgt interpretiert werden:

• Wählen Sie ein h3-Element aus
• Das unmittelbar auf ein Element mit der Klasse „pokey“ folgt
• Das ist ein untergeordnetes Element eines Elements mit der Klasse „gumby“

Da sowohl das .pokey-Element als auch das h3-Element untergeordnete Elemente des .gumby-Elements in der bereitgestellten HTML-Struktur sind, zielt dieser Selektor korrekt auf den Header mit dem Text „Blockhead“. ."

Das obige ist der detaillierte Inhalt vonKönnen Klammern in CSS-Selektoren für Geschwisterbeziehungen verwendet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!