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

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

WBOY
WBOY轉載
2023-09-21 16:45:051155瀏覽

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

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

ul $li ul.sub { ... }

作為替代方案,使用jQuery,你可以使用一行程式碼來實現這個功能。 :has()選擇器選擇所有包含一個或多個與指定選擇器相符的元素的元素。 25edfb22a4f469ecb59f1190150159c6標籤定義清單項目。 ff6d136ddc5fdfeffaf53ff6ee95f185標籤定義無序(有項目符號)清單。

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

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

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

陳述:
本文轉載於:tutorialspoint.com。如有侵權,請聯絡admin@php.cn刪除