Rumah masalah biasa Apakah pemilih penapis elemen kanak-kanak?

Apakah pemilih penapis elemen kanak-kanak?

Oct 16, 2023 pm 02:12 PM
Pemilih penapis elemen kanak-kanak

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)