CSS ルールはクラスなしで適用されます。なぜですか?

Question

CSS ルールを定義します:

.info-specs h2, h3, h4, h5 {
    フォントサイズ: 1.5em;
    テキスト変換: なし。
}

これは、クラス「info-specs」を持つ要素の h5 に対してのみ機能します。しかし、調べてみると、他の h5 要素もこのルールを使用していることがわかりました。なぜ？ 以下に例を示します:

<code>.info-specs h2, h3, h4, h5 {
    フォントサイズ:5em;
    テキスト変換: なし。
}</code>

<code><h5>mytest </h5></code>

Answer 1

ブラウザの CSS インタープリタは、h3、h4、h5 要素を探しますが、h2 だけを調べます。 .info-specs 内にあります。カンマまたはグループ化されたセレクターは、カンマで区切られたすべてを個別の選択として扱います。

問題に対する考えられる解決策は次のとおりです:

リーリー リーリー