Selector

Selektor CSS digunakan untuk memilih konten yang ingin diberi style . Selector adalah bagian dari kumpulan aturan CSS. Selektor CSS memilih elemen HTML sesuai dengan id, class, atribut, dll.

Ada beberapa jenis penyeleksi di CSS.

  • Selector CSS mengunakan Elemen HTML
  • Selector CSS mengunakan atribut Id
  • Selector CSS mengunakan atribut Class

Selector mengunakan Elemen HTML

Pemilih elemen memilih elemen HTML berdasarkan nama elemen.

h1 {
color: red;
font-size: red;
}
Try it

Selector mengunakan atribut Id

Selector mengunakan atribut id dari elemen HTML untuk memilih elemen tertentu. Sebuah id selalu unik di dalam halaman sehingga dipilih untuk memilih satu elemen unik.

Itu ditulis dengan karakter hash (#), diikuti oleh id elemen.

Mari kita ambil contoh dengan id "para1".

// CSS
\#header_id {
text-align: center;
color: red;
}


// HTML


<p id="header_id"> Selamat Datang! </p>
Try it