Kelas CSS: Ruang vs. Tiada Ruang—Apakah Perbezaannya?

Kelas CSS: Dengan Ruang lwn. Tanpa Ruang

Dalam CSS, terdapat dua cara untuk menulis pemilih kelas: dengan ruang (.class .class) dan tanpa ruang (.class.class). Setiap sintaks mempunyai tujuan yang berbeza.

Tanpa Ruang: .class.class

Sintaks ini menunjukkan bahawa elemen mesti mempunyai kedua-dua kelas untuk dipadankan dengan pemilih. Contohnya, .element.large .symbol akan memilih mana-mana elemen .symbol yang berada dalam elemen .element yang juga mempunyai kelas besar.

Dengan Ruang: .class .class

Sintaks ini menunjukkan bahawa elemen mesti mempunyai kedua-dua kelas dalam sebarang susunan. Contohnya, .element .symbol akan memilih mana-mana elemen .symbol yang berada dalam elemen .element. Walau bagaimanapun, ia juga akan memilih mana-mana elemen .elemen yang mempunyai kelas .symbol, tanpa mengira kedudukannya dalam dokumen.

Contoh:

Pertimbangkan CSS berikut:

.element {
  color: black;
}

.large {
  font-size: 2em;
}

.symbol {
  font-family: monospace;
}

• .elemen .simbol akan memilih semua elemen .simbol yang berada dalam .elemen elemen, dan mereka akan mewarisi warna: gaya hitam daripada .element.
• .element.large .symbol akan memilih semua elemen .symbol yang berada dalam .elemen elemen yang juga mempunyai kelas besar, dan mereka akan mewarisi warna: hitam dan saiz fon: gaya 2em.

Atas ialah kandungan terperinci Kelas CSS: Ruang vs. Tiada Ruang—Apakah Perbezaannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!