Apakah pemilih gaya css yang ada?

Pemilih gaya CSS termasuk: 1. Pemilih elemen; 3. Pemilih ID; 5. Pemilih elemen anak bersebelahan; ; 9. Pemilih unsur pseudo. Pengenalan terperinci: 1. Pemilih elemen, yang merupakan pemilih paling asas Ia memilih elemen mengikut nama tag elemen HTML 2. Pemilih kelas, menggunakan "." gunakan "#" untuk memilih elemen dengan ID tertentu, dsb.

Sistem pengendalian tutorial ini: sistem Windows 10, komputer DELL G3.

Pemilih gaya CSS, juga dikenali sebagai pemilih atribut CSS, digunakan untuk menunjukkan objek gaya CSS, iaitu elemen dalam halaman web yang digunakan gaya. Setiap pengisytiharan gaya CSS (takrifan) terdiri daripada dua bahagian, dengan bentuk berikut: pemilih {style}. Bahagian sebelum {} ialah "pemilih". Terdapat banyak jenis pemilih dalam CSS, seperti pemilih nama teg, pemilih kelas, pemilih ID, pemilih terbitan, pemilih elemen anak, pemilih kumpulan, dll. Dengan menggunakan pemilih ini, pembangun boleh mencapai kawalan satu-ke-satu, satu-ke-banyak atau banyak-ke-satu ke atas elemen dalam halaman HTML.

Terdapat banyak jenis pemilih gaya CSS Berikut ialah beberapa jenis utama:

1 Pemilih elemen: Ini ialah pemilih paling asas, yang memilih elemen berdasarkan nama tagnya. Sebagai contoh, pemilih p memilih semua elemen perenggan.

2. Pemilih kelas: Pemilih kelas menggunakan . Contohnya, pemilih .my-class akan memilih semua elemen dengan nama kelas my-class.

3. Pemilih ID: Pemilih ID menggunakan # untuk memilih elemen dengan ID tertentu. Sebagai contoh, pemilih #my-id akan memilih elemen dengan ID my-id.

4. Pemilih keturunan: Pemilih keturunan boleh memilih unsur keturunan unsur tertentu. Sebagai contoh, pemilih div p akan memilih semua elemen p di dalam elemen div.

5. Pemilih elemen kanak-kanak: Pemilih elemen kanak-kanak boleh memilih elemen anak langsung sesuatu elemen. Contohnya, pemilih div > p memilih semua elemen p yang merupakan anak langsung bagi elemen div.

6. Pemilih adik beradik bersebelahan: Pemilih adik beradik bersebelahan boleh memilih elemen adik beradik seterusnya bagi sesuatu elemen. Sebagai contoh, pemilih div + p memilih semua elemen p serta-merta mengikuti elemen div.

7. Pemilih atribut: Pemilih atribut boleh memilih elemen berdasarkan atributnya. Contohnya, pemilih [attr=value] memilih semua elemen dengan atribut bernama attr dan nilai nilai.

8. Pemilih kelas pseudo: Pemilih kelas pseudo boleh memilih keadaan tertentu elemen, seperti keadaan leding tetikus, keadaan klik, dsb. Sebagai contoh, pemilih pseudo :hover memilih elemen apabila tetikus melayang di atasnya.

9. Pemilih unsur pseudo: Pemilih unsur pseudo boleh memilih bahagian tertentu elemen, seperti huruf pertama, baris pertama, dsb. Sebagai contoh, pemilih unsur pseudo-huruf pertama ::huruf pertama memilih huruf pertama setiap elemen.

Di atas adalah pemilih gaya yang biasa digunakan dalam CSS Ia boleh digunakan secara bersendirian atau digabungkan untuk mencapai tetapan gaya yang lebih kompleks.

Atas ialah kandungan terperinci Apakah pemilih gaya css yang ada?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!