Bagaimana Saya Boleh Memilih Elemen Kanak-Kanak ke-1 Tanpa Mengetahui Ibu Bapa?

Pemilih Kanak-Kanak Sejagat: Memilih Elemen Kanak-kanak ke-1 Secara Bebas daripada Ibu Bapa

Masalah:

Memilih elemen kanak-kanak tertentu boleh mencabar apabila elemen induk tidak diketahui atau mempunyai nama dinamik. Walaupun pemilih :first-child dan :nth-child wujud, mereka hanya menyasarkan kanak-kanak dalam skop ibu bapa tertentu.

Soalan:

Bagaimanakah nth, first , dan elemen anak terakhir dipilih tanpa mengetahui induknya elemen?

Jawapan:

Bertentangan dengan persepsi biasa, pemilih :first-child dan :nth-child tidak memerlukan elemen induk tertentu untuk berfungsi dengan berkesan. Pemilih ini akan menyasarkan elemen anak yang sesuai secara automatik berdasarkan kedudukannya dalam induk, walaupun jika ibu bapa tidak dinyatakan.

Untuk menggambarkan, pertimbangkan kod berikut:

<youdontknowwhat!>
   <p class="select-me">One</p>
   <p class="select-me">Two</p>
</youdontknowwhat!>

Untuk memilih perenggan kedua dengan kelas.select-me dalam contoh ini, hanya gunakan pemilih berikut:

.select-me:nth-child(2)

Pemilih ini akan berfungsi tanpa mengira nama atau jenis elemen induk kerana ia menentukan anak ke-1 secara langsung.

Penjelasan:

:pemilih anak pertama dan :anak ke- menggunakan pemilih anak universal ' *', yang sepadan dengan mana-mana elemen. Oleh itu, ia boleh digunakan untuk memilih mana-mana elemen kanak-kanak tanpa menyatakan ibu bapa tertentu. Sintaks anak ke-n(n) mewakili elemen anak ke-n dalam induknya, dengan 'n' ialah kedudukan yang ditentukan.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Memilih Elemen Kanak-Kanak ke-1 Tanpa Mengetahui Ibu Bapa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!