Bagaimanakah Saya Boleh Menggunakan Semula Gaya CSS Tanpa Merujuk Set Peraturan?

Rujukan Peraturan CSS

Dalam CSS, tidak mungkin untuk merujuk satu set peraturan dalam yang lain. Walau bagaimanapun, terdapat kaedah lain untuk mencapai kesan yang serupa.

Menggunakan Semula Pemilih

Anda boleh menggunakan semula pemilih pada berbilang set peraturan dalam lembaran gaya. Contohnya:

.opacity, .someDiv {
  ...
}

Ini menggunakan gaya yang sama untuk kedua-dua elemen dengan kelegapan dan beberapa kelasDiv.

Menggabungkan Pemilih

Anda juga boleh gunakan berbilang pemilih pada satu set peraturan. Asingkan pemilih dengan koma:

.opacity, .someDiv {
  ...
}

Ini menggunakan gaya yang sama pada elemen dengan sama ada kelegapan atau beberapa kelasDiv.

Memohon Berbilang Kelas

Berbilang kelas boleh digunakan pada satu elemen HTML menggunakan kelas tersebut atribut:

<div class="opacity radius"></div>

Ini menggunakan gaya yang ditakrifkan dalam set peraturan kelegapan dan jejari kepada elemen ini.

Amalan Terbaik

Pertimbangkan untuk menggunakan nama kelas yang menerangkan tujuan gaya dan bukannya penggayaan khusus:

.rounded-corners {
  ...
}

Kekalkan logik CSS berasingan daripada struktur HTML untuk mengekalkan kebolehselenggaraan kod.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan Semula Gaya CSS Tanpa Merujuk Set Peraturan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!