84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
アンカー要素の直接の親である
たとえば、私の CSS は次のようになります:
li < a.active { プロパティ: 値; }
明らかに JavaScript を使用してこれを行う方法はありますが、CSS レベル 2 自体に何らかの回避策があることを願っています。
スタイル設定しようとしているメニューは CMS によって吐き出されるため、アクティブな要素を
:has()CSS 疑似クラスを使用できます。
CSS 疑似クラス
(現在 Firefox ではサポートされていません)。
現在、すべてのブラウザで機能する方法で CSS 内の要素の親要素を選択する方法はありません。
Selector Level 4 Working Draft:has()この機能を提供する疑似クラスが含まれます。これはjQuery 実装に似ていますが、現在 Firefox ではサポートされていません。
:has()
Firefox は現在、デフォルトでサポートしていない唯一の主要なブラウザです。一方、完全なクロスブラウザサポートを備えた親要素を選択する必要がある場合は、Firefox の JavaScript を使用する必要があります。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
:has()
ただし、ブラウザのサポートは制限されていますCSS 疑似クラスを使用できます。(現在 Firefox ではサポートされていません)。
現在、すべてのブラウザで機能する方法で CSS 内の要素の親要素を選択する方法はありません。
Selector Level 4 Working Draft
リーリー:has()この機能を提供する疑似クラスが含まれます。これはjQuery 実装に似ていますが、現在 Firefox ではサポートされていません。Firefox は現在、デフォルトでサポートしていない唯一の主要なブラウザです。一方、完全なクロスブラウザサポートを備えた親要素を選択する必要がある場合は、Firefox の JavaScript を使用する必要があります。