HTML und CSS · Middle · Frage 37 von 75
Wie lösen CSS Modules Kollisionen von Klassennamen?
- 1Sie erzeugen eindeutige Klassennamen und machen Styles lokal für die Datei
- 2Sie packen jede Komponente in ein Shadow DOM und isolieren ihre Styles
- 3Sie verbieten beim Build gleiche Klassennamen im ganzen Projekt
Antwort zeigen
Richtige Antwort: Sie erzeugen eindeutige Klassennamen und machen Styles lokal für die Datei
Erklärung
Die Klasse .title aus Card.module.css wird zu etwas wie Card_title__x7a2b, und die Komponente importiert ein Objekt mit der Zuordnung. Kollisionen verschwinden ohne Namenskonventionen. Globale Styles nutzen :global. Shadow DOM ist ein Mechanismus von Web Components; CSS Modules nutzen es nicht.