Rumah > masalah biasa > Apakah pemilih penapis elemen kanak-kanak?

Apakah pemilih penapis elemen kanak-kanak?

尊渡假赌尊渡假赌尊渡假赌
Lepaskan: 2023-10-16 14:12:54
asal
1011 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!

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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan