Html 在CSS中的类中选择类

我的html有两个类，“相关”和“a”。我想知道如何选择属于这两个类的元素。不只是一个或另一个，两者同时存在。有办法做到这一点吗

这是我的html：

<h1>Hi</h1>
    <h2 class="important">Hi again</h2>
    <p class="a">Random unattached paragraph</p>


    <div class="relevant">
        <p class="a">first</p>
        <p class="a">second</p>
        <p>third</p>
        <p>fourth</p>
        <p class="a">fifth</p>
        <p class="a">sixth</p>
    </div>

谢谢你的帮助

.relevant .a {
    color: red;
}

这是在类相关的元素中选择.a的方法

.relevant .a {
  color: red;
}

这是在类相关的元素中选择.a的方法

.relevant .a {
  color: red;
}

这针对类

a

的所有元素，这些元素在类

相关的

元素中

演示：

您以前的规则（

.a.relevant

）将选择自身同时具有类

a

和类

relevant

的所有元素

演示：

这针对类

a

的所有元素，这些元素在类

相关的

元素中

演示：

您以前的规则（

.a.relevant

）将选择自身同时具有类

a

和类

relevant

的所有元素

---

演示：

.a.relevant

选择一个包含两个类的元素。对于上下文，您需要一个空格，如@sneeky answer中所示。您真正要问的是，只有当

.a

是

.relevant

的子项时，才如何将样式应用于

.a

。您的代码适用于同时具有两个类的单个元素（

class=“a relevant”

）。Sneeky的答案是正确的。

.a.relevant

选择一个同时包含两个类的元素。对于上下文，您需要一个空格，如@sneeky answer中所示。您真正要问的是，只有当

.a

是

.relevant

的子项时，才如何将样式应用于

.a

。您的代码适用于同时具有两个类的单个元素（

class=“a relevant”

）。斯内基的回答是正确的。