Bagaimanakah Saya Boleh Memilih Elemen Induk Berdasarkan Elemen Anaknya dalam CSS?

Pemilih CSS untuk Hubungan Ibu Bapa-Anak

Soalan:

Bagaimana anda membuat Pemilih CSS yang sepadan dengan elemen induk yang mengandungi anak tertentu elemen?

Latar Belakang:

Memadankan elemen objek yang mengandungi elemen param menggunakan pemilih mudah (cth., PARAM OBJEK) gagal kerana ia menyasarkan elemen param sebaliknya.

Jawapan:

Terutamanya, CSS tidak mempunyai pemilih induk, ciri yang telah berulang kali dicadangkan tetapi kekal tidak tersedia dalam mana-mana standard semasa atau unjuran.

Untuk mencapai gelagat yang diingini, alternatif mesti digunakan:

• jQuery/JavaScript:

  • $("objek param").closest("objek")
  • document.querySelector("object param").closest("objek")

• Penyelesaian CSS:

  • Perkenalkan anotasi kelas tambahan untuk memudahkan penyasaran ibu bapa-anak dalam peraturan CSS.

Sumber Tambahan:

Rujuk sumber berikut untuk mendapatkan cerapan lanjut tentang had ini:

• [Adakah ibu bapa CSS pemilih?](https://stackoverflow.com/questions/3398742/is-there-a-css-parent-selector)
• [CSS Parent/Ancestor Selector](https://codereview.stackexchange. com/questions/8989/css-parent-ancestor-selector)
• [Pemilih CSS kompleks untuk ibu bapa kepada anak aktif](https://stackoverflow.com/questions/26492566/complex-css-selector-for-parent-of-active-child)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Elemen Induk Berdasarkan Elemen Anaknya dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!