CSS :is() und :where()

Tue, 16 Mar 2021 00:00:00 +0000

Pseudoklassen, die ich häufiger verwenden sollte:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14


/* Wählt jeden Absatz innerhalb eines header-, main-
oder footer-Elements aus, der gerade gehovert wird */
:is(header, main, footer) p:hover {
color: red;
cursor: pointer;
}

/* Das Obige ist gleichbedeutend mit dem Folgenden */
header p:hover,
main p:hover,
footer p:hover {
color: red;
cursor: pointer;
}

Quelle

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14


/* Wählt jeden Absatz innerhalb eines header-, main-
 oder footer-Elements aus, der gerade gehovert wird */
:where(header, main, footer) p:hover {
 color: red;
 cursor: pointer;
}

/* Das Obige ist gleichbedeutend mit dem Folgenden */
header p:hover,
main p:hover,
footer p:hover {
 color: red;
 cursor: pointer;
}

Quelle

Selectors on besserentwickeln.de

CSS :is() und :where()