Bolehkah Peraturan CSS Merujuk Satu Sama Lain untuk Penggayaan Boleh Digunakan Semula?

Merujuk Peraturan CSS: Penyelaman Mendalam

Dalam bidang CSS, adalah penting untuk menggayakan elemen dengan ketepatan dan kecekapan. Timbul persoalan: bolehkah satu peraturan CSS merujuk yang lain, membenarkan penggayaan boleh guna semula tanpa pertindihan kod?

Jawapannya

Walaupun merujuk peraturan CSS secara langsung tidak mungkin, terdapat alternatif yang berkesan untuk mencapai hasil yang serupa:

Kaedah 1: Perkongsian Pemilih

Anda boleh menggunakan semula pemilih merentas berbilang peraturan dalam helaian gaya dengan menyenaraikannya dalam senarai yang dipisahkan koma. Sebagai contoh, jika anda ingin menggunakan kedua-dua gaya kelegapan dan jejari pada kelas .someDiv, anda boleh menulisnya seperti berikut:

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

Kaedah 2: Berbilang Kelas pada Elemen

Daripada membuat peraturan yang berasingan, anda boleh menambah berbilang kelas pada elemen HTML itu sendiri. Contohnya, untuk menggunakan kedua-dua kelegapan dan jejari pada

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