Perekomendan kursus:class CSS .

Selector

Definisi dan penggunaan .class properti. class CSS

properti..) aksara, diikuti dengan class Untuk memilih semua jenis elemen yang memiliki class khusus, tulis tanda titik (

element.class properti. class properti. Pilih selector untuk memilih elemen yang memiliki nilai properti khusus

Untuk memilih hanya elemen yang memiliki nilai properti khusus class jenis elemen yang satu jenis, tulis nama elemen, lalu titik (.) aksara, diikuti dengan class nilai properti (lihat contoh di bawah ini 2)。

Petunjuk:Elemen HTML boleh mengutip beberapa class（Lihat contoh di bawah ini 3）。

Contoh

Contoh 1

Pilih dan atur gaya semua elemen yang class="intro":

.intro {
  background-color: yellow;
}

Cuba sendiri

Contoh 2

Pilih dan atur gaya semua elemen <p> yang class="intro":

p.intro {
  background-color: yellow;
}

Cuba sendiri

Contoh 3

.class Penggunaan berbeda selector:

/* Pilih semua elemen yang class="center" */
.center {
  text-align: center;
}
/* Pilih semua elemen <p> yang class="large" */
p.large {
  font-size: 200%;
}
/* Pilih semua elemen <p> yang class berisi "fancy" dan "beige" */
p.fancy.beige {
  font-family: 'Courier New', monospace;
  background-color: beige;
  border: 2px solid green;
}
/* Pilih semua elemen class="ex2" di dalam elemen <p> yang class="ex1" */
p.ex1 .ex2 {
  background-color: yellow;
}

Cuba sendiri

Syarat CSS

.class {
  pengumuman CSS;
}

Syarat CSS

element.class {
  pengumuman CSS;
}

Perincian teknologi

Dukungan pereka