Rumah > hujung hadapan web > tutorial css > 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
Lepaskan: 2023-09-21 16:45:05
ke hadapan
1220 orang telah melayarinya

如果父级有一个具有 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 { ... }
Salin selepas log masuk

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.

  • Teg mentakrifkan item senarai.
      Teg mentakrifkan senarai tidak tersusun (bertitik tumpu).

      $('ul li:has(ul.sub)').addClass('has_sub');
      Salin selepas log masuk

      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!

  • sumber:tutorialspoint.com
    Kenyataan Laman Web ini
    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
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan