CSS :isSelektoren

Vollständiges CSS-Selektor-Referenzhandbuch

Definition und Verwendung

von CSS:isEine Pseudoklasse ist ein generischer Selektor, mit dem du mehrere Selektoren miteinander kombinieren kannst, sodass sie in CSS-Regeln wiederverwendet werden können.

:isDie Pseudoklasse kann beliebig viele Selektoren als Argumente akzeptieren und gibt die Vereinigung der von diesen Selektoren ausgewählten Elemente zurück.

:is(h1, h2, h3) {
    color: red;
}

Dieser Code setzt die Textfarbe für alle h1-, h2- und h3-Elemente auf Rot.

2. Klassenselektoren kombinieren

:is(.highlight, .warning) {
    font-weight: bold;
}

Dieser Code setzt die Schriftart für alle Elemente, die die Klasse highlight oder warning haben, auf fett.

3. Verschiedene Selektortypen kombinieren

:is(a[href^="https"], button[disabled]) {
    cursor: pointer;
}

Dieser Code setzt den Cursor für alle Links, die mit https beginnen, und für Buttons im disabled-Zustand auf pointer.

Hinweis

• :isPseudoklassen können die Lesbarkeit und Wartbarkeit von CSS-Code verbessern, insbesondere wenn du dieselben Stile auf mehrere Elementtypen anwenden musst.
• :isPseudoklassen erzeugen keine neuen Elemente und ändern nicht die Dokumentstruktur; sie sind lediglich Selektoren, mit denen Elemente ausgewählt werden.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browsersionsnummer an, die die Eigenschaft unterstützt.

CSS-Syntax

:is(selector1, selector2, ..., selectorN) {
    /* 样式规则 */
}

• selector1, selector2, ..., selectorNDies ist eine Reihe von Selektoren, die Elementtypen, Klassenselektoren, Attributselektoren, Pseudoklassen usw. sein können.

Vollständiges CSS-Selektor-Referenzhandbuch