Rumah > masalah biasa > teks badan

Apakah pemilih penapis elemen kanak-kanak?

尊渡假赌尊渡假赌尊渡假赌
Lepaskan: 2023-10-16 14:12:54
asal
937 orang telah melayarinya

Beberapa pemilih penapis elemen anak yang biasa digunakan termasuk ":anak pertama", ":anak terakhir", ":anak tunggal", ":anak-anak(n)", ":anak-anak-terakhir( n )", ":first-of-type", ":last-of-type", ":only-of-type", ":nth-of-type(n)" dan ":nth-last-of - type(n)" sepuluh jenis.

Apakah pemilih penapis elemen kanak-kanak?

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

Dalam CSS, anda boleh menggunakan pemilih penapis elemen kanak-kanak untuk memilih elemen anak elemen semasa menapisnya. Berikut ialah beberapa pemilih penapis elemen kanak-kanak yang biasa digunakan:

  1. : anak pertama: Pilih elemen anak pertama bagi elemen yang ditentukan.

  2. :last-child: Pilih elemen anak terakhir bagi elemen yang ditentukan.

  3. :anak tunggal: Pilih elemen anak tunggal bagi elemen yang ditentukan.

  4. :nth-child(n): Pilih elemen anak ke-n bagi elemen yang ditentukan. Di mana n boleh menjadi nombor, ungkapan atau kata kunci, contohnya: nth-child(2n) bermaksud memilih elemen anak dalam kedudukan bernombor genap, dan :nth-child(odd) bermaksud memilih elemen anak dalam ganjil -kedudukan bernombor.

  5. :nth-last-child(n): Serupa dengan :nth-child() di atas, tetapi memilih dari belakang ke hadapan.

  6. :first-of-type: Pilih elemen anak pertama jenis elemen yang ditentukan.

  7. :last-of-type: Pilih elemen anak terakhir jenis elemen yang ditentukan.

  8. :only-of-type: Pilih satu-satunya elemen anak bagi jenis elemen yang ditentukan.

  9. :nth-of-type(n): Pilih elemen anak ke-nth jenis elemen yang ditentukan.

  10. :nth-last-of-type(n): Sama seperti :nth-of-type() di atas, tetapi dipilih dari belakang ke hadapan.

Pemilih penapis elemen kanak-kanak ini boleh digunakan secara bersendirian atau digabungkan untuk memilih elemen kanak-kanak yang diperlukan dengan lebih tepat.

Atas ialah kandungan terperinci Apakah pemilih penapis elemen kanak-kanak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan