CSS Selectors

Selector di CSS digunakan untuk menargetkan elemen HTML yang ingin diberi gaya.

Jenis-Jenis Selector Umum

1. Selector Elemen

Menargetkan elemen berdasarkan nama tag-nya.

p {
  color: red;
}

2. Selector ID (#id)

Menargetkan elemen berdasarkan atribut id.

<style>
  #judul {
    color: blue;
  }
</style>
 
<h1 id="judul">Judul Utama</h1>

3. Selector Kelas (.class)

Menargetkan satu atau beberapa elemen dengan class yang sama.

<style>
  .highlight {
    background-color: yellow;
  }
</style>
 
<p class="highlight">Ini teks dengan latar kuning.</p>

4. Selector Universal (*)

Menargetkan semua elemen dalam halaman.

* {
  font-family: Arial, sans-serif;
}

5. Selector Grup

Menargetkan beberapa elemen sekaligus.

h1, h2, p {
  margin-bottom: 16px;
}

6. Selector Turunan (Descendant)

Menargetkan elemen di dalam elemen lain.

div p {
  color: green;
}

Ringkasan