您可以使用:has() CSS 偽類
:has()
但是它的瀏覽器支持有限(目前Firefox不支持)。
目前在CSS中沒有一種方式可以在所有瀏覽器中選擇元素的父級。
Selectors Level 4 Working Draft包括一個:has()偽類,它將提供這種能力。它將類似于jQuery的實現(xiàn),但目前Firefox不支持。
li:has(> a.active) { /* styles to apply to the li tag */ }
Firefox是唯一一個目前默認不支持它的主要瀏覽器。
在此期間,如果您需要選擇具有完全跨瀏覽器支持的父元素,您將不得不在Firefox中使用JavaScript。