Mengapa projek React perlu mewarisi modul CSS sebagai latar belakang dalam skop komponen?

Question

Saya mencipta komponen React, tetapi terdapat masalah, keseluruhan tapak web mewarisi gaya badan yang saya tetapkan dalam modul CSS. Saya telah mencuba ini dengan dan tanpa teg tempatan, dan saya rasa ini mungkin ada kaitan dengan cara React membungkus modul CSS, kerana saya tidak pernah melihat orang lain mengalami masalah yang sama.

:badan tempatan
{
    paparan: flex;
    justify-content: pusat;
    align-item: tengah;
    ketinggian min: 100vj;
    latar belakang: #300d25;
    peralihan: 0.5s;
}
:badan tempatan::sebelum ini
{
    kandungan:'';
    jawatan: mutlak;
    atas: 0;
    kiri: 0;
    lebar: 100%;
    ketinggian: 100%;
    latar belakang: #30bfa5;
    peralihan: 0.5s;
    clip-path: circle(250px di tengah);
}

Answer 1

Anda telah mencipta komponen React dengan modul CSS yang berkaitan, tetapi gaya yang anda takrifkan dalam salah satu modul CSS nampaknya mempengaruhi keseluruhan tapak dan bukan hanya komponen. Isu ini mungkin disebabkan oleh penggunaan modul CSS yang salah, konflik nama kelas, gaya global, ralat ejaan, sambungan penyemak imbas atau isu khusus CSS. Untuk menyelesaikan isu ini, pastikan anda menamakan dan menggunakan modul CSS dengan betul, semak konflik dan kesilapan menaip, semak gaya global, gunakan tetapan semula atau normalkan CSS, semak gaya yang digunakan dan sahkan konfigurasi Webpack anda. Jika masalah berterusan, sila pertimbangkan untuk memberikan butiran lanjut untuk penyelesaian masalah tertentu.