CSS 内のすべての子要素を再帰的に選択するにはどうすればよいですか?

CSS: 子要素を再帰的に選択する

複雑な HTML 構造を扱う場合、スタイルを一貫して適用するためにすべての子要素を選択する必要があります。ただし、直接の子セレクターを使用する従来のアプローチは、直接の子孫にのみ影響します。

CSS での再帰的な子要素の選択

すべての子要素を再帰的に選択するには、* (空白) セレクターを利用します。ネストの深さに関係なく、指定された親要素内のすべての要素と一致します。

div.dropdown * {
  color: red;
}

この単純な構文は、子、孫などを含む div.dropdown のすべての子孫にスタイルを効果的に割り当てます。アスタリスク (*) は任意の要素と一致し、空白は子孫セレクターとして機能します。

公式仕様

詳細については、CSS 2.1 仕様を参照してください:

第 5.5 章: 子孫セレクター

xy セレクターは、子、孫など、どんなに深くネストされていても、x 内のすべての要素 y と一致します。

アスタリスク * は任意の要素と一致します。

以上がCSS 内のすべての子要素を再帰的に選択するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。