CSS . pemilih kelas
Contoh
Pilih dan gaya semua elemen dengan class="intro":
.intro {
background-color: yellow;
}
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Selektor .class
memilih elemen dengan atribut kelas tertentu.
Untuk memilih elemen dengan kelas tertentu, tulis karakter titik (.), diikuti dengan nama kelas.
Anda juga dapat menentukan bahwa hanya elemen HTML tertentu yang harus terpengaruh oleh suatu kelas. Untuk melakukannya, mulailah dengan nama elemen, lalu tulis karakter titik (.), diikuti dengan nama kelas (lihat Contoh 1 di bawah).
Elemen HTML juga dapat merujuk ke lebih dari satu kelas (lihat Contoh 2 di bawah).
Versi: kapan: | CSS1 |
---|
Dukungan Peramban
Selector | |||||
---|---|---|---|---|---|
.class | Yes | Yes | Yes | Yes | Yes |
Sintaks CSS
.class {
css declarations;
}
Lebih Banyak Contoh
Contoh 1
Gaya semua elemen <p> dengan class="hometown":
p.hometown {
background-color: yellow;
}
Contoh 2
Elemen <p> ini akan ditata menurut class="center" DAN ke class="large":
<p class="center large">This paragraph refers to two classes.</p>