Vous pouvez essayer d'utiliser des styles. titre. <h1 className = {styles.heading} >Bonjour?! Mon style est scss</h1>
Vous pouvez utiliser :global pour déclarer que vous utilisez une classe globale
donc main. modules. scss deviendra
.heading { font-size: 4rem; color: #000; } :global(.dark) .heading { color: #fff; }
Pourquoi cela se produit-il ?
La portée des modules CSS est le composant qu'ils utilisent.
Cela signifie par défaut. Le sélecteur sombre sera compilé et ne fera pas référence au sélecteur global. catégorie sombre.