CSSに親セレクターはありますか?

Question

アンカー要素の直接の親である &lt;li&gt; 要素を選択するにはどうすればよいですか?たとえば、私の CSS は次のようになります: li&lt;a.active{property:value;} 明らかに、JavaScript を使用してこれを実現することは可能ですが、私は CSSLevel2 ネイティブの回避策を期待していました。スタイルを設定しようとしているメニューは CMS によって生成されているため、アクティブな要素を &lt;li&gt; 要素に移動できません... (メニュー作成モジュールにテーマを設定しない限り、

P粉404539732 · Answer

:has() CSS 疑似クラス を使用できます。

ただし、

ブラウザのサポートは制限されています (現在、Firefox ではサポートされていません)。

P粉794851975 · Answer

現時点では、CSS にはすべてのブラウザで要素の親を選択する方法はありません。

セレクターレベル 4 作業草案この機能を提供する :has()疑似クラスが含まれています。これは jQuery の実装に似ていますが、現在 Firefox ではサポートされていません。

リーリー

Firefox は、現在デフォルトでサポートされていない唯一の主要ブラウザです。

それまでの間、完全なクロスブラウザサポートを備えた親要素を選択する必要がある場合は、Firefox で JavaScript を使用する必要があります。