Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Memilih Elemen Induk Berdasarkan Kandungan Anaknya Menggunakan CSS?

Bagaimanakah Saya Boleh Memilih Elemen Induk Berdasarkan Kandungan Anaknya Menggunakan CSS?

Barbara Streisand
Barbara Streisandasal
2024-12-17 22:11:19654semak imbas

How Can I Select a Parent Element Based on its Child's Content Using CSS?

Pemilih CSS untuk Menyasarkan Elemen yang Mengandungi Kandungan Tertentu

Mencari pemilih CSS untuk memadankan elemen berdasarkan kandungannya boleh mencabar. Pemilih yang disediakan, "OBJECT PARAM," menyasarkan elemen PARAM, bukan elemen OBJEK yang diingini.

Pemilih Induk: Pautan Hilang

Untuk kefungsian yang diingini, a Ciri "pemilih ibu bapa" diperlukan. Ini akan membolehkan memilih unsur yang mengandungi unsur turunan tertentu. Walaupun dicadangkan, pemilih induk bukan sebahagian daripada standard CSS pada masa ini.

Pendekatan Alternatif

Untuk mencapai kesan yang dimaksudkan, pertimbangkan:

  • jQuery: Gunakan "closest()" untuk memilih objek yang mengandungi elemen PARAM: $("objek param").closest("objek")
  • Vanila JavaScript: Gunakan "querySelector()" dan "closest()" untuk mencari objek: document.querySelector("object param") .closest("objek")

Kesimpulannya, walaupun tiada pemilih CSS langsung untuk memadankan elemen mengandungi kandungan khusus, kaedah alternatif seperti jQuery atau JavaScript boleh digunakan.

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

Kenyataan:
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