如果父元素透過 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 設定樣式。

mkotla

更新時間：2020-06-25

538 次檢視

啟動您的 事業

完成課程即可獲得認證

開始