CSS 規則在沒有類別的情況下應用,為什麼?
P粉795311321
2023-09-04 13:26:05
<p>我定義CSS規則:</p>
<pre class="brush:php;toolbar:false;">.info-specs h2, h3, h4, h5 {
font-size: 1.5em;
text-transform: none;
}</pre>
<p>這應該只適用於類別為「info-specs」的元素中的 h5。然而,經過檢查,我發現其他h5元素也在使用這個規則。為什麼?
下面是一個範例:</p>
<p>
<pre class="snippet-code-css lang-css prettyprint-override"><code>.info-specs h2, h3, h4, h5 {
font-size:5em;
text-transform: none;
}</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
內。逗號或分組選擇器將逗號分隔的所有內容視為單獨的選擇。您的問題的可能解決方案是: