Apa itu Pemilih CSS?

CSS bergantung kepada peraturan padanan corak untuk menentukan gaya mana yang terpakai pada elemen mana dalam dokumen itu. Corak ini dipanggil pemilih dan mereka terdiri daripada nama tag (contohnya,

p untuk memadankan tag paragraf) kepada pola yang sangat rumit yang sepadan dengan bahagian-bahagian tertentu dari dokumen (contohnya,

p # myid> b.highlight akan sepadan dengan mana-mana

b tag dengan kelas

sorot iaitu anak perenggan dengan id

ID saya).

Pemilih CSS adalah sebahagian daripada panggilan gaya CSS yang mengenal pasti bahagian halaman web yang seharusnya ditata. Pemilih mengandungi satu atau lebih sifat yang menentukan bagaimana HTML yang dipilih akan ditata.

Pemilih CSS

Terdapat beberapa jenis pemilih:

jenis pemilih - yang sepadan dengan elemen tertentu
pemilihan kelas - unsur yang sepadan dengan kelas tertentu
Pemilih ID - memadankan elemen dengan ID tertentu
pemilih keturunan - unsur yang sepadan dengan keturunan unsur tertentu
pemilih kanak-kanak - unsur yang sepadan dengan kanak-kanak unsur tertentu
pemilih sejagat - memadankan mana-mana elemen
pemilihan adik bersebelahan - unsur sepadan dengan segera didahului oleh unsur tertentu
atribut pemilih - unsur yang sepadan dengan atribut khusus atau nilai atribut
pemilihan kelas pseudo - unsur yang sepadan dengan kelas pseudo tertentu
pseudo-element selectors - unsur padanan dengan sifat pseudo-element tertentu

Format Gaya CSS dan Pemilih CSS

Format gaya CSS kelihatan seperti ini:

pemilih {style property: style; }

Pisahkan pelbagai pemilih yang mempunyai gaya yang sama dengan koma. Ini dipanggil pemilih pemilih. Sebagai contoh:

pemilih1 , selector2 {style property: style; }

Pengelompokkan pemilih adalah mekanisme cepat untuk memastikan gaya CSS anda padat. Pengumpulan di atas akan mempunyai kesan yang sama seperti:

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

Selalu Uji Pemilih CSS Anda

Tidak semua pelayar menyokong semua pemilih CSS. Oleh itu, pastikan untuk menguji pemilih anda dalam banyak pelayar pada seberapa banyak sistem operasi yang anda boleh. Tetapi jika anda menggunakan pemilih CSS1 atau CSS2 anda harus baik-baik saja.