1
0
0
瀏覽器的 CSS 解釋器將查找任何 h3、h4 和 h5 元素，并且僅查找 h2 它將查看它是否在 .info-specs 內(nèi)。逗號(hào)或分組選擇器將逗號(hào)分隔的所有內(nèi)容視為單獨(dú)的選擇。
您的問題的可能解決方案是：
/* These select for any h2, h3, h4 and h5 within .info-specs */
.info-specs h2,
.info-specs h3,
.info-specs h4,
.info-specs h5
{
text-decoration: underline;
}
/* These select for ant h2, h3, h4 and h5 that are direct chldren of .info-specs */
.info-specs > h2,
.info-specs > h3,
.info-specs > h4,
.info-specs > h5
{
color: red;
}
<div class="info-specs">
<p>In this example the headings within inf-specs will all be underlined but only the headings that are direct children of info-specs will be coloured red.</p>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<div>
<h3>Heading 3 in another div</h3>
</div>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
</div>
