:where(.site-nav a) { color: #0f172a; }Legăturile primesc culoarea de bază fără un selector greu de depășit.
LECȚIA 96 DIN 100
Păstrează specificitatea joasă cu :where()
Scrie un stil de bază ușor de suprascris pentru legăturile navigației.
PASUL 1 · ÎNVAȚĂ
Cum funcționează
Pseudo-clasa funcțională :where() acceptă o listă de selectori, dar nici :where(), nici argumentele ei nu contribuie la specificitate. Este utilă pentru valori implicite intenționat ușor de suprascris.
#header .site-nav ul li a { color: #0f172a !important; }ID-ul, lanțul lung și !important cresc inutil dificultatea suprascrierilor.
PASUL 2 · APLICĂ
Exercițiul tău
Folosește :where(.site-nav a) și setează color la #0f172a.
index.htmlCSS
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ
Ce trebuie să treacă
0%neverificat
- ○Regula :where() folosește culoarea cerută.
- ○Elementul țintă este prezent în pagină.
Explică-mi logica rezolvării
:where() păstrează potrivirea selectorului, dar contribuie cu specificitate zero.