首頁 > web前端 > css教學 > 如果父級有一個 CSS 和 HTML 的子級,則將樣式套用到父級

如果父級有一個 CSS 和 HTML 的子級,則將樣式套用到父級

WBOY
發布: 2023-09-21 16:45:05
轉載
1218 人瀏覽過

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

CSS3 中不存在父選擇器。為此,建議使用 CSS4 選擇器 $,它可能如下所示(選擇 li 元素) -

ul $li ul.sub { ... }
登入後複製

作為替代方案,使用jQuery,你可以使用一行程式碼來實現這個功能。 :has()選擇器選擇所有包含一個或多個與指定選擇器相符的元素的元素。

  • 標籤定義清單項目。
      標籤定義無序(有項目符號)清單。

      $('ul li:has(ul.sub)').addClass('has_sub');
      登入後複製

      您可以在CSS中為li.has_sub新增樣式。

      以上是如果父級有一個 CSS 和 HTML 的子級,則將樣式套用到父級的詳細內容。更多資訊請關注PHP中文網其他相關文章!

  • 來源:tutorialspoint.com
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板