我如何做＆＃34;和＆＃34;选择？

Question

我想选择同时拥有一个类和另一个类的所有元素。例如，在下面的标记中，我只想选择包含类＆＃34; foo＆＃34;的元素。和类＆＃34; bar＆＃34;，但不是那些只有其中一个类的那些：

<p class="foo">Larry</p>
<p class="bar">Moe</p>
<p class="foo bar">Curly</p>

CSS中是否有办法仅将样式应用于包含＆＃34; Curly＆＃34;在上面的例子中？

Answer 1

p.foo.bar { //styles }

您可以通过将选择器放在一起来连接选择器。

当然，你应该尽量避免这种情况，因为它可能会导致以后出现问题。

Answer 2

连接选择器。所以你会使用.foo.bar {}

Answer 3

p.foo.bar {
    background-color: chucknorris;
}

只需将选择器追加到彼此后面，两者之间没有空格。