CSS Selectors
CSS memungkinkan Anda untuk memilih dan memanipulasi elemen HTML.
CSS digunakan untuk "menemukan" (atau pilih) elemen HTML berdasarkan id, class, jenis, atribut, dan banyak lagi.
Unsur Selectors
Selector elemen memilih elemen berdasarkan nama elemen.
Anda dapat memilih semua <p> elemen pada halaman seperti ini: (semua <p> elemen akan pusat-blok, dengan warna teks merah)
p {
color : orange;
text-align:center;
}
Id Selector
Pemilih id menggunakan atribut id dari elemen HTML untuk memilih elemen tertentu.
Id dalam suatu halaman, sehingga pemilih id digunakan jika Anda ingin memilih satu, elemen.
Untuk memilih elemen dengan id tertentu, menulis karakter hash, diikuti oleh id dari elemen.
Gaya aturan di bawah ini akan diterapkan pada elemen HTML dengan id = "para1":
#para1 {
color : orange;
text-align:center;
}
JANGAN memulai nama ID dengan nomor!
Class Pemilih
Kelas memilih elemen dengan atribut kelas khusus.
Untuk memilih elemen dengan kelas tertentu, menulis karakter periode, diikuti oleh nama kelas:
Pada contoh di bawah ini, semua elemen HTML dengan class = "center" akan pusat-blok:
.center {
color : orange;
text-align:center;
}
Anda juga dapat menentukan bahwa elemen HTML hanya khusus harus dipengaruhi oleh kelas.
Dalam contoh di bawah, semua <p> elemen dengan class = "center" akan pusat-blok:
JANGAN memulai nama kelas dengan nomor!
Pengelompokan Selectors
Jika Anda memiliki elemen dengan definisi gaya yang sama, seperti ini:
h1 {
color : orange;
text-align:center;
}
h2{
color : orange;
text-align:center;
}
p {
color : orange;
text-align:center;
}
Anda dapat kelompok pemilih, untuk meminimalkan kode.
Untuk pemilih kelompok, memisahkan masing-masing pemilih dengan koma.
Pada contoh di bawah ini kita telah dikelompokkan pemilih dari kode di atas:
p, h1, h2 {
color : orange;
text-align:center;
}
0 komentar:
Posting Komentar