<p>Saya melancarkan aplikasi Next.js 13,<br /><br />Saya mempunyai fail.modules.css utama</p><p><code>< ;/code> ;</p> <pre class="brush:php;toolbar:false;">.heading { saiz fon: 4rem; warna: #000; } .gelap .tajuk { warna: #fff; }</pre> <p>Saya menggunakannya untuk menggayakan komponen seperti ini</p> <pre class="brush:php;toolbar:false;">import gaya daripada "@/styles/main.module.scss"; eksport fungsi lalai Laman Utama() { kembali ( <> <Pengepala /> <h1 className={styles["heading"]}>Hai saya telah digayakan oleh scss</h1> </> ); }</pre> <p>Daripada. Gaya untuk kelas tajuk digunakan dengan betul, tetapi dari. Atribut dark .heading tidak mempunyai. <br /><br />Pembekal tema saya memang menambah satu pada elemen HTML. kategori gelap. <br /><br />Saya menggunakan yang biasa. scss fail dan gunakan kelas seperti ini</p><p><br /></p> <pre class="brush:php;toolbar:false;"><h1 className="heading">Hai saya telah digayakan oleh scss</h1></pre> <p>Kemudian ia berfungsi dengan baik</p>

.heading {
    font-size: 4rem;
    color: #000;
}

:global(.dark) .heading {
    color: #fff;
}