Pemilihan Kelasclass Rekomendasi Kursus:

CSS .

Selector .class untuk memilih semua tipe elemen yang memiliki class khusus, tulis nama elemen, lalu titik ( class definisi dan penggunaan

CSS.) karakter, diikuti class elemen yang memiliki nilai atribut khusus

element.class untuk memilih semua tipe elemen yang memiliki class khusus, tulis nama elemen, lalu titik ( class pemilihan selector digunakan untuk memilih elemen yang memiliki nilai atribut khusus

untuk memilih elemen yang memiliki nilai atribut khusus class tipe elemen yang satu.) karakter, diikuti class nilai atribut (lihat contoh di bawah ini 2)。

Petunjuk:Elemen HTML dapat mengacu kepada beberapa class(Lihat contoh di bawah ini 3)。

Contoh

Contoh 1

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

.intro {
  background-color: kuning;
}

Coba Sendiri

Contoh 2

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

p.intro {
  background-color: kuning;
}

Coba 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: krim;
  border: 2px solid hijau;
}
/* Pilih semua elemen class="ex2" di dalam elemen <p> yang class="ex1" */
p.ex1 .ex2 {
  background-color: kuning;
}

Coba Sendiri

Syarat CSS

.class {
  deklarasi css;
}

Syarat CSS

element.class {
  deklarasi css;
}

Detil Teknologi

Versi: CSS1

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

Halaman yang berhubungan

Panduan CSS:Pemilih kelas CSS

Panduan CSS:Penjelasan pemilih kelas CSS