親に CSS と HTML を含む子がある場合は、親にスタイルを適用します

CSS3 には親セレクターが存在しません。このためには、CSS4 セレクター $ を使用することをお勧めします。これは次のようになります (li 要素の選択) -

ul $li ul.sub { ... }

代わりに、jQuery を使用すると、1 行のコードでこの機能を実現できます。 。 :has() セレクターは、指定されたセレクターに一致する 1 つ以上の要素を含むすべての要素を選択します。

タグはリスト項目を定義します。

タグは、順序なし (箇条書き) リストを定義します。

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

CSS で li.has_sub にスタイルを追加できます。

以上が親に CSS と HTML を含む子がある場合は、親にスタイルを適用しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。