Rumah  >  Artikel  >  hujung hadapan web  >  Jika ibu bapa mempunyai anak dengan CSS dan HTML, gunakan gaya kepada ibu bapa

Jika ibu bapa mempunyai anak dengan CSS dan HTML, gunakan gaya kepada ibu bapa

WBOY
WBOYke hadapan
2023-09-21 16:45:051184semak imbas

如果父级有一个具有 CSS 和 HTML 的子级,则将样式应用于父级

Pemilih ibu bapa tidak wujud dalam CSS3. Untuk ini, disyorkan untuk menggunakan pemilih CSS4 $, yang mungkin kelihatan seperti ini (memilih elemen li) -

ul $li ul.sub { ... }

Sebagai alternatif, menggunakan jQuery anda boleh mencapai fungsi ini dengan satu baris kod. Pemilih :has() memilih semua elemen yang mengandungi satu atau lebih elemen yang sepadan dengan pemilih yang ditentukan. 25edfb22a4f469ecb59f1190150159c6Teg mentakrifkan item senarai. ff6d136ddc5fdfeffaf53ff6ee95f185 Teg mentakrifkan senarai tidak tersusun (bertitik tumpu).

$('ul li:has(ul.sub)').addClass('has_sub');

Anda boleh menambah gaya pada li.has_sub dalam CSS.

Atas ialah kandungan terperinci Jika ibu bapa mempunyai anak dengan CSS dan HTML, gunakan gaya kepada ibu bapa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam