Permulaan 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 menandingi tag paragraf) kepada corak yang rumit yang sepadan dengan bahagian-bahagian tertentu dari dokumen (contohnya, p # myid> b.highlight akan sepadan dengan tag b dengan kelas kemuncak yang merupakan anak perenggan dengan id id).
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
- elemen pemilihan kelas pemilih dengan kelas tertentu
- Pemilih ID-memadankan elemen dengan ID tertentu
- pemilih keturunan -mencapai unsur-unsur keturunan unsur tertentu
- unsur pemilihan kanak-kanak yang hampir sama dengan unsur tertentu
- pemilih sejagat-sepadan dengan unsur mana pun
- adik-adik seleksi pemilih yang bersebelahan dengan segera didahului oleh unsur tertentu
- atribut elemen selektif pemilih dengan atribut khusus atau nilai atribut
- pseudo-class selectors-matching elements dengan class pseudo tertentu
- unsur pseudo-elemen pemilih yang sepadan dengan sifat pseudo-elemen 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:
selector1 , 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 CSS 1 atau CSS2 anda harus baik-baik saja.