CSS ルールはクラスなしで適用されます。なぜですか?
P粉795311321
2023-09-04 13:26:05
<p>CSS ルールを定義します: </p>
<pre class="brush:php;toolbar:false;">.info-specs h2, h3, h4, h5 {
フォントサイズ: 1.5em;
テキスト変換: なし。
}</pre>
<p>これは、クラス「info-specs」を持つ要素の h5 に対してのみ機能します。しかし、調べてみると、他の h5 要素もこのルールを使用していることがわかりました。なぜ?
以下に例を示します: </p>
<p>
<pre class="snippet-code-css lang-css prettyprint-override"><code>.info-specs h2, h3, h4, h5 {
フォントサイズ:5em;
テキスト変換: なし。
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code><h5>mytest </h5></code></pre>
</p>
ブラウザの CSS インタープリタは、
h3
、h4
、h5
要素を探しますが、h2 だけを調べます。
.info-specs
内にあります。カンマまたはグループ化されたセレクターは、カンマで区切られたすべてを個別の選択として扱います。問題に対する考えられる解決策は次のとおりです: