Selektor CSS

Selektor digunakan untuk memilih elemen HTML yang akan diberi gaya. Beberapa selektor umum adalah:

  • Selektor Elemen Memilih elemen berdasarkan tag-nya.

    p {
        color: green;
    }
    
  • Selektor ID Memilih elemen berdasarkan atribut id. Selektor ID diawali dengan tanda #.

    #judul {
        font-size: 24px;
        font-weight: bold;
    }
    
    <h1 id="judul">Selamat Datang!</h1>
    
  • Selektor class Memilih elemen berdasarkan atribut class. Selektor kelas diawali dengan tanda ..

    .teks-besar {
        font-size: 18px;
    }
    
    <p class="teks-besar">Ini adalah paragraf dengan teks besar.</p>