Просто соедините их вместе:

жный дубликат:
CSS Selector, который применяется к элементам с двумя классами

у меня есть эти элементы

<div class="a b"></div>
<div class="b"></div>
<div class="a"></div>

Я хочу применить к элементу с классом а и б цвет # 666. Как я могу сделать это с помощью CSS?

Ответы на вопрос(2)

Решение Вопроса

Вы можете связать селекторы классовбез пробела между ними:

.a.b {
     color: #666;
}

Обратите внимание, что, если это важно для вас, IE6 рассматривает.a.b как.bтак что в этом браузере обаdiv.a.b а такжеdiv.b будет иметь серый текст. Видетьэтот ответ для сравнения между правильными браузерами и IE6.

 Hoang Huynh03 окт. 2013 г., 07:10
обратите внимание, что .a .b рассматривается как .a, а затем .b
 BoltClock♦10 июн. 2014 г., 09:55
@defines: Действительно.
 defines10 июн. 2014 г., 08:57
Я думаю, что @HoangHuynh означает, что этот селектор.a .b будет соответствовать элементам класса.b которые содержатся внутри элементов класса.a.

Просто соедините их вместе:

.a.b {
  color: #666;
}

Ваш ответ на вопрос