Rumah > Artikel > hujung hadapan web > Apakah pemilih yang terdapat dalam html5
Apakah pemilih yang terdapat dalam html5
- 百草asal
- 2023-10-07 15:11:181603semak imbas
Pemilih HTML5 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 adik beradik sejagat dll. Pengenalan terperinci: 1. Pemilih elemen, menggunakan nama elemen sebagai pemilih, bermakna memilih semua elemen dengan nama elemen 2. Pemilih kelas, menggunakan pemilih bermula dengan titik, bermakna memilih elemen dengan nama kelas yang ditentukan; Pemilih ID, gunakan pemilih bermula dengan tanda paun untuk memilih elemen dengan ID yang ditentukan, dsb.
Sistem pengendalian tutorial ini: sistem Windows 10, komputer DELL G3.
HTML5 tidak memperkenalkan jenis pemilih baharu, ia masih menggunakan pemilih CSS untuk memilih dan memanipulasi elemen HTML. Pelbagai pemilih yang ditakrifkan dalam CSS2 dan CSS3 masih boleh digunakan dalam HTML5. Berikut ialah jenis pemilih biasa dalam HTML5:
1 Pemilih Elemen: Menggunakan nama elemen sebagai pemilih bermakna memilih semua elemen dengan nama elemen tersebut. Contohnya, `p` bermaksud memilih semua elemen `
`.
2. Pemilih Kelas: Gunakan pemilih bermula dengan noktah (.) untuk memilih elemen dengan nama kelas yang ditentukan. Contohnya, `.red` bermaksud memilih semua elemen dengan nama kelas "merah".
3. Pemilih ID: Gunakan pemilih bermula dengan tanda paun (#) untuk memilih elemen dengan ID yang ditentukan. Contohnya, `#header` bermaksud memilih elemen dengan ID "header".
4. Pemilih Atribut: Gunakan kurungan segi empat sama ([]) untuk memilih elemen dengan atribut tertentu. Sebagai contoh, `[href]` bermaksud memilih semua elemen dengan atribut href.
5. Pemilih kelas Pseudo: Gunakan pemilih bermula dengan titik bertindih (:) untuk memilih elemen yang memenuhi status atau syarat tertentu. Contohnya, `:hover` menunjukkan keadaan pemilihan apabila tetikus melayang di atas elemen.
6. Pemilih unsur Pseudo: Gunakan pemilih bermula dengan tanda bertindih dua (::) untuk memilih bahagian tertentu elemen. Contohnya, `::before` mewakili kandungan yang disisipkan sebelum elemen yang dipilih.
7 Pemilih Keturunan: Gunakan pemilih yang dipisahkan dengan ruang untuk memilih elemen turunan sesuatu elemen. Sebagai contoh, `div p` bermaksud memilih semua elemen `
` yang merupakan keturunan unsur `
8 Pemilih Anak: Gunakan pemilih yang dipisahkan oleh tanda yang lebih besar daripada (>) untuk memilih elemen anak langsung bagi sesuatu elemen. Contohnya, `div > p` bermaksud memilih semua elemen `
` yang merupakan anak langsung unsur `
9. Pemilih Adik Beradik Bersebelahan: Pemilih yang dipisahkan dengan tanda tambah (+), menunjukkan bahawa elemen adik beradik pertama serta-merta mengikuti elemen dipilih. Contohnya, `h1 + p` bermaksud memilih elemen `
` yang pertama serta-merta selepas elemen `
`.
10 Pemilih Adik Beradik Umum: Pemilih yang dipisahkan oleh tilde (~) untuk memilih semua elemen adik beradik selepas elemen. Contohnya, `h1 ~ p` bermaksud memilih semua elemen `
` selepas elemen `
`.
Di atas adalah jenis pemilih biasa dalam HTML5 Mereka boleh memilih dan mengendalikan elemen HTML berdasarkan nama elemen, nama kelas, ID, atribut, status, kedudukan dan syarat lain. Dengan menggunakan pemilih ini secara rasional, kami boleh memilih dan menggayakan elemen dalam dokumen HTML dengan tepat, mencapai kesan yang kaya dan pelbagai serta meningkatkan interaktiviti dan daya tarikan visual halaman web.
Atas ialah kandungan terperinci Apakah pemilih yang terdapat dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!