Codingku

Penjelasan Selector CSS

Akhlis akhlis

Selector CSS digunakan untuk mencari atau memilih elemen HTML yang ingin diberi style.

Selector CSS ini dikelompokkan menjadi 5 kategori:

  • Simple selector yaitu memilih elemen berdasarkan nama tag, id, atau class.
  • Combinator selector yaitu memilih elemen berdasarkan hubungan spesifik antar tag HTML.
  • Pseudo-class selector yaitu memilih elemen berdasarkan kondisi tertentu

CSS memiliki aturan syntax atau disebut CSS rule yang sederhana dan mudah dipahami.

CSS Rule terdiri dari selector dan declaration block.

css rule

Selector digunakan untuk mengaitkan atau menghubungkan kode CSS dengan tag HTML yang ingin diberi style (diubah tampilannya).

Fungsi selector ini yaitu mencari elemen web yang ingin diberi style atau diubah tampilannya dengan cara memanggil nama tag, nama class, nama id, atau nama atribut.

Misalnya dengan mencari seluruh tag <p> atau mencari seluruh tag HTML yang memiliki atribut class="primary".

Sedangkan declaration block merupakan baris kode yang digunakan untuk mendeklarasikan style elemen dengan property CSS.

Setiap declaration block bisa memuat satu atau lebih declaration yang menyertakan nama dan nilai properti CSS yang dipisah dengan tanda titik dua/colon (:).

Dan masing-masing declaration biasanya diakhiri dengan tanda titik koma/semicolon (;).

Dalam satu declaration block dikelilingi oleh tanda kurung kurawa/curly braces. ({...}).