Bagaimana untuk Menggabungkan Gaya untuk Berbilang Kelas dalam CSS?

Menggabungkan Gaya untuk Berbilang Kelas

Dalam CSS, selalunya wajar untuk menggunakan sifat gaya yang sama pada berbilang elemen dengan nama kelas yang berbeza. Ini menghapuskan keperluan untuk kod berulang.

Pertimbangkan kod berikut, di mana dua kelas, .abc dan .xyz, mempunyai sifat margin-kiri yang sama:

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

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

Untuk menggabungkan gaya ini ke dalam satu peraturan, gunakan senarai nama kelas yang dipisahkan koma. Peraturan yang terhasil akan menggunakan sifat yang sama pada kedua-dua .abc dan .xyz:

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

Peraturan gabungan ini membolehkan anda mengawal sifat margin-kiri untuk kedua-dua elemen .abc dan .xyz, mengurangkan lebihan kod dan meningkatkan kebolehselenggaraan.

Atas ialah kandungan terperinci Bagaimana untuk Menggabungkan Gaya untuk Berbilang Kelas dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!