Apakah pemilih sumber css?

Pemilih sumber css termasuk pemilih elemen, pemilih kelas, pemilih ID, pemilih atribut, pemilih kelas pseudo, pemilih elemen pseudo, pemilih keturunan, pemilih elemen anak, pemilih adik beradik bersebelahan dan Pemilih universal dll. Pengenalan terperinci: 1. Pemilih elemen, gunakan nama elemen sebagai pemilih, pilih semua elemen dalam dokumen yang sepadan dengan nama elemen 2. Pemilih kelas, gunakan nama kelas sebagai pemilih, pilih semua elemen dengan nama kelas yang sama; dokumen , nama kelas bermula dengan titik 3. Pemilih ID, menggunakan ID unik elemen sebagai pemilih, dsb.

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

CSS (Cascading Style Sheets) ialah bahasa yang digunakan untuk menerangkan gaya halaman web, yang boleh mengawal penampilan dan susun atur elemen dalam halaman web. Dalam CSS, pemilih digunakan untuk memilih elemen yang mana gaya harus digunakan. Pemilih CSS boleh dibahagikan kepada dua jenis: pemilih asli dan pemilih tersuai. Artikel ini akan menumpukan pada pemilih mentah CSS.

1. Pemilih Elemen: Gunakan nama elemen sebagai pemilih untuk memilih semua elemen dalam dokumen yang sepadan dengan nama elemen. Sebagai contoh, pemilih p akan memilih semua elemen perenggan.

2 Pemilih Kelas: Gunakan nama kelas sebagai pemilih untuk memilih semua elemen dengan nama kelas yang sama dalam dokumen. Nama kelas bermula dengan noktah (.). Sebagai contoh, pemilih .red akan memilih semua elemen dengan nama kelas merah.

3 Pemilih ID: Gunakan ID unik elemen sebagai pemilih untuk memilih elemen dengan ID yang sepadan dalam dokumen. ID bermula dengan tanda paun (#). Sebagai contoh, pemilih #header akan memilih elemen dengan pengepala ID.

4 Pemilih Atribut: Gunakan atribut elemen sebagai pemilih untuk memilih elemen dengan atribut yang sepadan dalam dokumen. Terdapat banyak bentuk pemilih atribut, termasuk pemilih [atribut] (memilih elemen dengan atribut tertentu), pemilih [attribute=value] (memilih elemen dengan atribut dan nilai tertentu), dsb.

5. Pemilih kelas Pseudo: Gunakan keadaan khusus elemen sebagai pemilih untuk memilih elemen dengan keadaan yang sepadan dalam dokumen. Pemilih kelas pseudo bermula dengan titik bertindih (:). Contohnya, pemilih :hover akan memilih keadaan apabila tetikus melayang di atas elemen.

6. Pemilih unsur Pseudo: Gunakan bahagian tertentu elemen sebagai pemilih untuk memilih elemen dengan bahagian yang sepadan dalam dokumen. Pemilih unsur pseudo bermula dengan dua titik dua (::). Contohnya, pemilih ::before akan memilih kandungan yang dimasukkan sebelum elemen.

7 Pemilih Keturunan: Gunakan dua pemilih yang dipisahkan oleh ruang untuk memilih elemen dalam dokumen yang sepadan dengan pemilih kedua dan merupakan elemen turunan pemilih pertama. Sebagai contoh, pemilih div p akan memilih semua elemen perenggan dalam elemen div.

8 Pemilih Kanak-kanak: Gunakan dua pemilih yang dipisahkan oleh tanda yang lebih besar daripada (>) untuk memilih elemen dalam dokumen yang sepadan dengan pemilih kedua, dan elemen itu adalah turunan langsung daripada pemilih pertama. Contohnya, pemilih div > p akan memilih elemen perenggan yang merupakan anak langsung semua elemen div.

9 Pemilih Adik Beradik Bersebelahan: Gunakan dua pemilih yang dipisahkan dengan tanda tambah (+) untuk memilih elemen dalam dokumen yang sepadan dengan pemilih kedua, dan elemen itu serta-merta mengikuti pilihan pertama di belakang peranti. Sebagai contoh, pemilih h1 + p akan memilih elemen perenggan sejurus selepas elemen h1.

10 Pemilih Universal: Gunakan asterisk (*) sebagai pemilih untuk memilih semua elemen dalam dokumen. Pemilih universal boleh digabungkan dengan pemilih lain untuk memilih elemen tertentu.

Di atas adalah jenis utama pemilih sumber CSS. Dengan menggunakan pemilih secara rasional, anda boleh memilih dan mengawal gaya elemen dalam halaman web dengan tepat, dengan itu mencapai kesan halaman yang kaya dan pelbagai.

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