如何选择包含两个类的元素?

Moh*_*ari 1 html css css-selectors

我有这个HTML:

<h2 class="first second">Red</h2>
<h2 class="second">Blue</h2>
<h2 class="first">Green</h2>
Run Code Online (Sandbox Code Playgroud)

如何选择h2firstsecond类?

谢谢你的回答


更新:

如果我有另一个这样的h2标签:

<h2 class="first second third">Default</h2>
Run Code Online (Sandbox Code Playgroud)

h2.first.second选择器会变红.有没有办法只选择元素firstsecond类,而不是更多.

Jam*_*lly 5

只是:

h2.first.second {
    color: red;
}
Run Code Online (Sandbox Code Playgroud)

这将选择h2具有"first"和"second"两个类的元素.有关详细信息,请参阅CSS选择器级别3 W3建议.

JSFiddle演示.