CSS

Der Inhalt ist erst nach dem Einloggen sichtbar

Themen:


Introduction ⇑
a ⇑
animation_keyframes ⇑
background ⇑
blank ⇑
border-radius ⇑
border ⇑
box-sizing ⇑
calc ⇑
child ⇑
clear ⇑
clip-path ⇑
content ⇑
cursor ⇑
display ⇑
div ⇑
filter ⇑
flexbox ⇑
float ⇑
font ⇑
form ⇑
grid ⇑
hover ⇑
hyphens ⇑
img ⇑
important ⇑
is ⇑
li ⇑
margin ⇑
menue_hover_horizontal ⇑
menue_hover_vertical ⇑
not ⇑
of-type ⇑
opacity ⇑
optional ⇑
outline ⇑
overflow ⇑
padding ⇑
position ⇑
responsive ⇑
selection ⇑
selektoren ⇑
span ⇑
target ⇑
transform ⇑
transition ⇑
var ⇑
viewport ⇑
where ⇑
z-index ⇑
zoom ⇑

Anzahl an Themen: 51

Aktuell geöffnete Datei: 'where'

Zum Wechseln des Themas einfach ein neues Thema eingeben

CSS_where

where

:where() ist ein Pseudoelement zum Verkürzen der Schreibweise der Selektoren [vgl. :is()]. Wenn in einem parent mehrere unterschiedliche Elementen/Klassen usw. vorkommen, man jedoch alle ansprechen möchte, können diese zusammen geschrieben werden.
Wenn wir z.B. in einem div-Element mehrere unterschiedliche Elemente/Klassen usw. haben, können wir speziell über den Selektor die unterschiedlichen Elemente/Klassen ansprechen mit:

div p, div h1, div h2, div h3 {

Oder man verkürzt unter Verwendung von :where():
div:where(p, h1, h2, h3) {

Es können auch weitere Selektoranpassungen erfolgen:
div:where(p, h1, h2, h3) a {
Hier würden nur die a-Elemente aus den Elementen p, h1, h2, h3, die sich in einem div befinden angesprochen werden.

:where(.span1, .span2):hover {