クラスの下のすべての要素を選択するには？

Question

私は現在これを私のCSSファイルに入れています。

*, 
*::before, 
*::after { 
    box-sizing: border-box; 
} 

と私は

.chat{ 
... 
} 

と呼ばれる別のクラスを持っているが、私はその前の*セレクタを使用したくありません。 .chatクラスの下にあるすべての要素を選択したいだけです。まったくのウェブサイトのすべての要素ではなく、.chatクラスの下にあるすべての要素。どうすればいいのですか？

Answer 1

はそうのようなあなたの.chatクラスの後に空白コンビネータが先行universal selectorを使用してください：これは何をしているのか

.chat * { ... } 

です：マッチ.chatの子孫であるすべての要素。