Bagaimana untuk Menggabungkan Berbilang Gaya Kelas CSS tanpa Mengulangi Kod?

Menggabungkan Berbilang Gaya Kelas CSS

Untuk menggunakan sifat CSS yang sama pada berbilang kelas tanpa mengulangi kod, pertimbangkan untuk menggabungkan pengisytiharan pemilih kelas. Ini boleh dicapai dengan mengasingkan nama kelas dengan koma, seperti yang dilihat di bawah:

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

Dalam contoh ini, sifat CSS margin-left: 20px; digunakan pada kedua-dua kelas .abc dan .xyz. Coretan CSS dalam contoh anda boleh ditulis semula menggunakan pendekatan ini:

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

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

Menjadi:

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

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