Question

我的HTML有两个类，＆＃39;相关＆＃39;并且＆＃39; a＆＃39;。我想知道如何选择＆lt; 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>

所以在这个例子中，我只想选择第一个＆＃39;第二个＆＃39;第二＆＃39;，＆＃39;第五个＆＃39;和＆＃39;第六＆＃39; ＆LT; p＆gt;因为它们同时属于这两个类。

我尝试在同一条css线上同时选择它们，但它没有选择任何东西：

.a.relevant{
color: red;
}

感谢您的帮助！

Answer 1

.relevant .a {
    color: red;
}

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

Answer 2

.relevant .a {
  color: red;
}

这会定位类a元素中属于类relevant元素的所有元素。

DEMO：http://jsbin.com/pezeq/1/edit

您之前的规则（.a.relevant）会选择所有他们自己 类<{1}}和类a的元素。

DEMO：http://jsbin.com/pezeq/2/edit

在CSS中的类中选择类

2 个答案: