使用 CSS 和 HTML 對有子元素的父級應用樣式

CSS3 中沒有父元素選擇器。有一個提案待議的 CSS4 選擇器 $ 來執行此操作，其可能如下所示（選擇 li 元素） −

ul $li ul.sub { ... }

作為一種替代，你可以利用使用 jQuery 的一行程式碼。: has() 選擇器會選擇所有內部有元素且與指定選擇器匹配的元素。<li> 標籤定義列表專案。<ul> 標籤定義無序（專案符號）列表。

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

然後，你可以在 CSS 中設定 li.has_sub 的樣式。

更新於: 2020 年 6 月 25 日

538 次檢視

開啟你的 職業生涯

完成課程，獲得認證

開始學習
廣告