html - 2 つのクラスを持つ要素を選択するにはどうすればよいですか?

Question

私はこのHTMLを持っています:

<h2 class="first second">Red</h2>
<h2 class="second">Blue</h2>
<h2 class="first">Green</h2>

クラスで選択h2するfirstにはどうすればよいですか?second

_{回答ありがとうございます}

---

アップデート：

次のような別のh2タグがある場合:

<h2 class="first second third">Default</h2>

h2.first.secondセレクターで赤くなります。クラスを使用しfirstて要素のみを選択する方法はありますか?second

Answer 1

複数のクラスを持つ要素を簡単に選択するには、次のようにします。

h2.first.second

クラスの間secondにスペースがないことに注意してください。h2first

h2.first .second

Answer 2

選択できます

.first.second {}

最初の h2 だけを選択したい場合。隙間がないように！