CSS :is() und :where()

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