Di CSS, Anda dapat memilih elemen, class, dan id untuk menerapkan gaya dan menyesuaikan elemen pada halaman web Anda. Berikut adalah panduan terperinci tentang cara menggunakannya:
Memilih Elemen
Untuk memilih semua contoh elemen HTML tertentu, gunakan nama elemen sebagai pemilih. Misalnya, p memilih semua <p> tag dalam dokumen.
Memilih Class
Untuk memilih elemen dengan kelas yang sama, gunakan titik "." diikuti dengan nama kelas. Misalnya, .my-class memilih semua elemen dengan class my-class.
Untuk memilih elemen dengan banyak kelas, gunakan titik "." dan daftarkan nama kelas yang dipisahkan oleh spasi. Misalnya, .class1.class2 memilih elemen dengan keduanya class1 dan class2 kelas.
Memilih id
Untuk memilih elemen tertentu berdasarkan id, gunakan hash "#" diikuti dengan elemen id. Misalnya, #my-id memilih elemen dengan id my-id.
Menggabungkan Element, Class, dan ID Pilihan
Anda dapat menggabungkan class pilihan elemen,, dan id untuk menargetkan elemen tertentu dengan kelas dan ID.
Misalnya, div.my-class#my-id memilih <div> elemen dengan class my-class dan ID my-id.
Berikut adalah contoh spesifik pemilihan elemen, class, dan id dalam CSS:
/* Select all <p> tags */
p {
color: blue;
}
/* Select elements with the class "my-class" */
.my-class {
background-color: yellow;
}
/* Select the element with the ID "my-id" */
#my-id {
font-weight: bold;
}
/* Combine element, class, and ID selections */
div.my-class#my-id {
border: 1px solid black;
}
Dengan menggunakan pilihan element, class, dan id, Anda dapat dengan mudah memilih dan mengatur gaya elemen atau grup elemen tertentu di halaman web Anda.