css - ユニバーサル セレクターを使用せずに、要素のすべての直接の子孫を選択する

Question

現在、次のようなものがあります。

article > * { max-width: 800px; }

しかし、人々はユニバーサル セレクターの使用に不満を持っています。可能性のある各タグ名を手動で入力することを除いて (私は見逃しがちです)、ユニバーサルセレクターを使用せずにこれを行う最良の方法は何ですか?

Answer 1

記事の幅を固定できれば、明示的に大きなサイズに設定しなければ、オーバーフローする可能性のある要素は多くありません。したがって、設定した場合

article, article div, article img {
    max-width: 800px;
}

あなたはおそらく大丈夫です。不足している場合は、1 つ追加してください。