Bagaimanakah saya boleh menggabungkan gaya CSS untuk berbilang kelas untuk mengurangkan pertindihan kod dan meningkatkan penyelenggaraan?

Menggabungkan Gaya untuk Berbilang Kelas CSS

Dalam CSS, adalah perkara biasa untuk menggayakan elemen berbeza dengan sifat unik. Walau bagaimanapun, kadangkala, anda mungkin menghadapi situasi di mana berbilang kelas berkongsi peraturan penggayaan yang sama, yang membawa kepada pertindihan kod dan kemungkinan isu penyelenggaraan.

Mari kita pertimbangkan contoh berikut:

<code class="css">.abc {
  margin-left: 20px;
}

.xyz {
  margin-left: 20px;
}</code>

Kedua-dua . kelas abc dan .xyz menetapkan sifat margin-kiri kepada 20px. Lebihan ini boleh dihapuskan dengan menggabungkan kedua-dua kelas dalam satu pengisytiharan gaya:

<code class="css">.abc, .xyz {
  margin-left: 20px;
}</code>

Pengisytiharan ini menggunakan gaya margin kiri untuk kedua-dua kelas, membolehkan anda mengekalkan gaya yang konsisten tanpa mengulangi kod. Nama kelas yang dipisahkan koma dalam pemilih menunjukkan bahawa peraturan digunakan untuk mana-mana elemen dengan sama ada kelas .abc atau .xyz.

Dengan menggabungkan pengisytiharan gaya yang serupa, anda boleh mengoptimumkan kod CSS anda, mengurangkan overhed penyelenggaraan, dan meningkatkan kebolehbacaan dan kebolehgunaan semula.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menggabungkan gaya CSS untuk berbilang kelas untuk mengurangkan pertindihan kod dan meningkatkan penyelenggaraan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!