Mengapa Pemilih Anak CSS Saya Tidak Berfungsi pada Elemen Sangat Bersarang?

Pemilih Anak CSS: Mengapa Saya Tidak Boleh Memilih Keturunan Secara Terus?

Dalam CSS, pemilih anak (>) menandakan langsung hubungan ibu bapa-anak antara elemen. Walau bagaimanapun, menggunakan pemilih anak kepada keturunan keturunan boleh gagal. Pertimbangkan contoh berikut:

table > tr > td

Pemilih ini akan memilih elemen td dengan betul, kerana elemen td ialah anak langsung unsur tr dan tr ialah anak langsung unsur jadual. Walau bagaimanapun, pemilih berikut gagal:

table > tr > td

Memahami Elemen tbody yang Hilang

Dokumen HTML secara tersirat mencipta elemen tbody untuk mengandungi elemen tr melainkan ditakrifkan secara eksplisit. Oleh itu, tr tidak sekali-kali merupakan anak langsung daripada jadual, memecahkan hubungan ibu bapa-anak langsung yang diperlukan oleh pemilih anak.

Penyelesaian: Menambah Pemilih tbody

Kepada menyelesaikan isu ini, anda mesti menambah pemilih tbody untuk merapatkan jurang antara jadual dan tr:

table > tbody > tr > td

Implikasi untuk Dokumen XHTML

Dokumen XHTML yang dihidangkan sebagai aplikasi/xhtml xml tidak mencipta elemen tbody tersirat. Oleh itu, pemilih di atas masih gagal dalam konteks ini. Anda perlu menambahkan elemen tbody secara eksplisit atau menggunakan pendekatan yang berbeza.

Atas ialah kandungan terperinci Mengapa Pemilih Anak CSS Saya Tidak Berfungsi pada Elemen Sangat Bersarang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!