Selector CSS

CSS Selector

Selector digunakan untuk mencari dan memilih element HTML berdasarkan nama element, id, class, attribute, dan lain - lain.

Id Selector

Id selector memilih menggunakan attribut id pada tag HTML.
Dalam 1 halaman, Id dari 1 element harus unique(unik, yang berarti berbeda dari yang lain), jadi id digunakan untuk memilih element yang beda dari yang lain.
Untuk memilih suatu element menggunakan id, gunakan tanda pagar(#) lalu nama id, samakan nama id dengan tag yang akan anda ubah.
Contoh :

<style>
#paragraf1 {
    text-align: center;
    color: red;
}
</style>

<p id="paragraf1"> asem</p>

Hasil :

asem

*Note: Nama Sebuah ID tidak bisa diawali dengan angka.

Class Selector

Class Selector memilih element dengan attribut class tertentu.

Untuk memilih suatu element menggunakan class, gunakan tanda titik(.) lalu nama class, samakan nama class dengan tag yang akan anda ubah.

Contoh :

<style>
.judul {
    text-align: center;
    color: red;
}
</style>

<p class="judul"> asem</p>

Hasil :

asem

*Note: Nama Sebuah Class tidak bisa diawali dengan angka.

Group Selector

Grup selector digunakan untuk memperpendek script yang anda tulis.

Element yang dipilih dipisah dengan tanda koma(,).

Contoh :

h1, h2, p {
    text-align: center;
    color: red;
}

semua tag h1, h2, dan p tulisanya akan menjadi merah dan berada di tengah.