Pemilih Anak lwn Pemilih Keturunan: Bilakah Pemilih Anak Gagal?

Pemilih Anak lwn. Pemilih Keturunan dalam CSS

Dalam CSS, pemilih anak (>) mewakili perhubungan ibu bapa-anak, manakala pemilih keturunan (> dengan ruang) menyasarkan mana-mana unsur keturunan dalam induk. Walaupun kedua-dua pemilih boleh digunakan untuk memilih elemen tertentu, terdapat had tertentu untuk penggunaannya.

Dalam contoh yang diberikan, memilih jadual tr td mendapatkan semula elemen td dengan betul kerana td ialah anak langsung tr dan tr adalah anak langsung meja. Walau bagaimanapun, apabila menggunakan jadual > tr > td untuk menyasarkan elemen yang sama, pemilih gagal.

Tingkah laku ini berpunca daripada struktur HTML yang dijana oleh penyemak imbas sebagai tindak balas kepada elemen tertentu. penyemak imbas secara automatik menambah elemen tbody tersirat dalam elemen jadual untuk menyertakan elemen tr. Ini bermakna bahawa dalam hubungan ibu bapa-anak, tr tidak bersarang secara langsung dalam jadual; sebaliknya, ia berada dalam elemen tbody.

Oleh itu, untuk memilih elemen td seperti yang dimaksudkan, anda mesti menggunakan pemilih berikut yang mengambil kira elemen tbody tersirat:

table > tbody > tr > td

Dengan memasukkan Dalam pemilih, anda merentasi perhubungan ibu bapa-anak yang betul dan menyasarkan elemen td dengan tepat.

Oleh itu, dalam senario ini, pemilih anak tidak boleh memilih elemen yang diingini dengan betul kerana elemen tubuh tersirat yang ditambahkan oleh penyemak imbas, manakala pemilih turunan berfungsi seperti yang diharapkan.

Atas ialah kandungan terperinci Pemilih Anak lwn Pemilih Keturunan: Bilakah Pemilih Anak Gagal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!