Иногда может потребоваться выбрать элементы, которые одновременно удовлетворяют сразу нескольким условиям.

В CSS есть запись, которая фактически выполняет операцию логического умножения, «И». Селекторы, применяемые к одному элементу, в этом случае пишутся без пробелов:

.class1.class2 { }

Стили будут применяться ко всем элементам, которые одновременно имеют класс class1 и class2. Ведь это же не новость для вас, что HTML-элементы могут одновременно иметь несколько классов. Например:

<div class="class1 class2">Блок с двумя классами</div>

По такому же принципу можно объединять любое количество абсолютно разных селекторов. И чем больше селекторов вы объединяете, тем больше условий должно совпасть для применения стилей.

В программировании похожую операцию часто обозначают как &&. Например:

if (firstSelector && secondSelector) { ... }