在 CSS 中的类中选择类

Question

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

这是我的 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>

因此，在此示例中，我只想选择“第一”、“第二”、“第五”和“第六”，因为它们同时属于这两个类别。

我试过在同一 css 行上选择两者，但它没有选择任何内容：

.a.relevant{
color: red;
}

谢谢你的帮助！

Answer 1

.relevant .a {
    color: red;
}

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

Answer 2

.relevant .a {
  color: red;
}

a这针对的是 class 元素内的所有 class 元素relevant。

演示： http: //jsbin.com/pezeq/1/edit

您之前的规则 ( ) 将选择本身具有class和 class 的所有.a.relevant元素。arelevant

演示： http: //jsbin.com/pezeq/2/edit