HTML i CSS · Middle · Pytanie 37 z 75
Jak CSS Modules rozwiązują konflikty nazw klas?
- 1Zabraniają podczas budowania używania tych samych nazw klas w projekcie
- ✓Poprawna odpowiedź: Generują unikalne nazwy klas, przez co style są lokalne dla pliku
- 3Opakowują każdy komponent w Shadow DOM, izolując jego style
Wyjaśnienie
Klasa .title z Card.module.css zamienia się w coś w rodzaju Card_title__x7a2b, a komponent importuje obiekt z mapowaniem. Konflikty znikają bez konwencji nazewnictwa. Style globalne oznacza się przez :global. Shadow DOM to mechanizm Web Components; CSS Modules go nie używają.