Bagaimanakah Saya Boleh Menggunakan Semula Peraturan CSS Tanpa Rujukan Terus?

Merujuk Peraturan CSS: Menyahmistikan Seni Penggunaan Semula Peraturan

Walaupun CSS merangkumi kebolehgunaan semula kod, keupayaan untuk merujuk terus satu set peraturan dalam satu lagi masih sukar difahami. Walau bagaimanapun, terdapat cara alternatif untuk mencapai kesan yang serupa dan mengekalkan kecekapan kod.

Dalam contoh yang disediakan:

<div class="someDiv"></div>

.opacity { filter: ... }
.radius { ... }

kami menghadapi cabaran untuk menggunakan kedua-dua gaya kelegapan dan jejari kepada elemen someDiv.

Daripada merujuk peraturan, anda boleh menggunakan semula pemilih pada berbilang set peraturan:

.opacity, .someDiv { ... }
.radius, .someDiv { ... }

Pendekatan ini menggunakan kedua-dua set peraturan pada elemen someDiv.

Sebagai alternatif, anda boleh menggunakan berbilang pemilih pada set peraturan tunggal:

.opacity.radius { ... }

Pendekatan ini memerlukan penambahan berbilang kelas pada elemen HTML:

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

Untuk meningkatkan kejelasan kod, adalah disyorkan untuk menggunakan nama kelas yang menerangkan tujuan dan bukannya penampilan elemen. Simpan butiran penggayaan dalam helaian gaya CSS untuk memisahkan kebimbangan dan mengekalkan fleksibiliti.

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