F. Selector CSS
Selector digunakan untuk memilih elemen HTML yang akan diberi style.
1. Element Selector
Memilih elemen berdasarkan nama tag.
p {
color: black;
}
2. ID Selector
Menggunakan tanda #.
#judul {
color: red;
}
HTML:
<h1 id=”judul”>Belajar CSS</h1>
3. Class Selector
Menggunakan tanda ..
.kotak {
background: yellow;
}
HTML:
<div class=”kotak”></div>
4. Universal Selector
Menggunakan tanda *.
* {
margin: 0;
padding: 0;
}
5. Group Selector
h1, h2, h3 {
color: blue;
}
6. Descendant Selector
div p {
color: green;
}
7. Child Selector
div > p {
color: orange;
}