CSS Selector Adalah: Pengertian, Macam-Macam dan Formatnya

0
Ilustrasi Gambar Pengertian CSS Selector Adalah
Ilustrasi Gambar Pengertian CSS Selector | Medium

Pengertian CSS Selector Adalah

Apa itu CSS Selector? CSS Selector (Selektor CSS) adalah bagian dari rangkaian aturan CSS yang benar-benar memilih konten yang ingin Anda berikan gaya. Mari kita lihat semua jenis penyeleksi yang tersedia, dengan deskripsi singkat masing-masing.

CSS bergantung pada aturan pencocokan pola untuk menentukan gaya mana yang berlaku untuk elemen mana dalam dokumen. Pola-pola ini disebut penyeleksi dan mereka berkisar dari nama tag misalnya:

p

untuk mencocokkan tag paragraf, dengan pola yang sangat rumit yang cocok dengan bagian dokumen yang sangat spesifik seperti:

p # myid> b.highlight

akan cocok dengan apa pun dengan Class Highlight, dan

b

merupakan HTML Tag dengan kelas

highlight

Adalah anak dari paragraf dengan id

myid

CSS Selector (Penyeleksi CSS) adalah bagian dari panggilan gaya CSS yang mengidentifikasi bagian halaman web mana yang harus ditata. Selector berisi satu atau lebih properti yang menentukan bagaimana HTML yang dipilih akan ditata.

Macam-Macam CSS Selector (Penyeleksi CSS)

Gambar Macam Macam CSS Selector Adalah
Gambar Macam Macam CSS Selector Adalah

Mengacu pada pengertian CSS Selector di atas, Adapun beberapa jenis CSS Selector ini, adalah sebagai berikut:

  • Type Selector; mencocokkan dengan elemen tertentu
  • Class Selector; mencocokkan elemen dengan kelas tertentu
  • ID Selector; mencocokkan elemen dengan ID tertentu
  • Descendant Selector; mencocokkan elemen yang merupakan keturunan dari elemen tertentu
  • Child Selector; mencocokkan elemen yang merupakan anak dari elemen tertentu
  • Universal Selector; mencocokkan dengan elemen apa pun
  • Adjacent Sibling Selector; elemen yang cocok segera didahului oleh elemen tertentu
  • Attribute Selector; elemen yang cocok dengan atribut atau nilai atribut tertentu
  • Pseudo-Class Selector; elemen yang cocok dengan kelas pseudo tertentu
  • Pseudo-Element Selector; elemen yang cocok dengan properti elemen semu tertentu
Baca Juga :  CSS Adalah: Pengertian, Penggunaan dan Cara Menerapkan CSS

Format Style dan Selector CSS

Format dari gaya CSS ini akan terlihat seperti ini:

selector {style property: style; }

Pisahkan pemilih yang memiliki gaya yang sama dengan koma. Ini disebut pengelompokan pemilih atau Selector Grouping. Sebagai contoh:

selector1, selector2 {style property: style; }

Grouping Selectors adalah mekanisme singkatan untuk menjaga gaya CSS Anda lebih kompak. Pengelompokan di atas akan memiliki efek yang sama dengan:

selector1 {style property: style; }
selector2 {style property: style; }

Ingat Selalu Tes dan Uji Selektor CSS Anda

Tidak semua browser mendukung semua penyeleksi CSS. Jadi, pastikan untuk menguji penyeleksi Anda di sebanyak mungkin browser pada sebanyak mungkin sistem operasi. Tetapi jika tidak menggunakan CSS3 Selector dan Anda hanya menggunakan Selector CSS1 atau CSS2 Anda biasanya akan baik-baik saja.

Penutup

Jadi CSS Selector adalah Penyeleksi dan Pemilih yang biasa digunakan dalam CSS. Demikianlah sedikit ulasan Kami kali ini mengenai pengertian CSS Selector dan penjelasannya secara lengkap. Semoga bermanfaat dan dapat manambah wawasan Kita semua terutama dalam mengetahui Istilah-Istilah Teknologi. Sekian dari Saya, Terima Kasih.

Tinggalkan Komentar