html - HTML div 内の複数要素の選択

Question

ID (termsAndConditions-sectionB) を持つ Div があります。その Div 内には、ヘッダーと段落 (h4、p) のブロックがあります。Div #termsAndConditions-sectionB 内のすべてのテキスト/要素を両端揃えにしたい (text-align: justify;)。

Div のすべての要素に対してこれを行うには、次のようにする必要があることを知っています。

#termsAndConditions-sectionB h4, #termsAndConditions-sectionB p {   
    text-align: justify;
}

私の質問は、そのすべての要素を選択し、これと同じくらい単純なものを使用してそれらを正当化する別の方法はありますか?

 #termsAndConditions-sectionB { 
     text-align: justify;
 }

私はそれを試しましたが、うまくいきませんでした.Googleでいくつかの代替案を検索しましたが、明確な答えを見つけることができませんでした.間違ったキーワードを使用した可能性があります. .

なぜ私がこれを尋ねているのか疑問に思っているのであれば、CSS を読みやすく、整理しやすくし、可能な限り少なくしたいからです。

Answer 1

これは悪い習慣の例ですが、他に簡単な解決策がない場合はうまくいくかもしれません。

#termsAndConditions-sectionB { 
  text-align: justify !important;
}

Answer 2

アスタリスクを使用

#termsAndConditions-sectionB * { 
     text-align: justify;
 }

(これはすべての子孫に適用されます)

Answer 3

ワイルドカードを使用します。

#termsAndConditions-sectionB * { 
 text-align: justify;
}