如果父級有一個 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中文網其他相關文章！