css - 如何为 Hgroup 子部分插入属性选择器

Question

我已经在几个网站上查找属性选择器，但我还是不明白。如果我有这部分代码，

<hgroup>
    <h2>HTML5 History</h2>
</hgroup>

我应该如何使用属性选择器，以便我的 css 代码只将它应用于 h2 而不是其余部分。

Answer 1

hgroup.change h2{
  color:red;
}
hgroup#change h2{
  color:blue;
}

<hgroup class="change">
    <h2>HTML5 History</h2>
    <p>HTML5 History</p>
    <span>HTML5 History</span>
</hgroup>
<hgroup id="change">
    <h2>HTML5 History</h2>
    <p>HTML5 History</p>
    <span>HTML5 History</span>
</hgroup>
<hgroup>
    <h2>HTML5 History</h2>
    <p>HTML5 History</p>
    <span>HTML5 History</span>
</hgroup>