- Funksjonen
:where()i CSS har jeg ingen tidligere erfaring med. - Det er en funksjon som tar en selektor-liste som argument. Funksjonen velger da alle elementer som kan nås via en av selektorene i den angitte listen.
:where(header, main, footer) {
margin: 0;
padding: 0;
}
:where()gir 0,0,0 i spesifisitet til selektorene, og er dermed lett å overstyre senere uten å måtte ha en enda mer nøyaktig spesifisering, som kan gjøre det vanskelig å holde kontroll på stilarket.
.btn {
color: green;
}
/* Krever mer spesifikke selektorer for å overstyre */
button.btn {
color: green;
}
:where(.btn) {
color: green;
}
/* Kan overstyre med vanlig spesifisitet */
.btn {
color: red;
}
- Kjekt å bruke for basisstiler som «reset», «layout» og tema, samt til «utility-klasser».