CSS "и" selector - Могу ли я выбирать элементы с несколькими классами?

Я пытаюсь выбрать все элементы, имеющие теги .checked и .featured. Так что в основном, то, что я ищу, - это "и" селектор; Я не знаю, есть ли он или нет.

Есть ли способ обхода для таких случаев?

Ответы

Ответ 1

Вы используете оба (без пробела между ними)

.checked.featured{
   // ...
}

Ссылка: http://www.w3.org/TR/selectors/#class-html

Пример

div{margin:1em;padding:1em;}

.checked{color:green;}
.featured{border:1px solid #ddd;}

.checked.featured{
       font-weight:bold;
    }

<div class="checked">element with checked class</div>
<div class="featured">element with featured class</div>
<div class="featured checked">element with both checked and featured classes</div>

Ответ 2

Вы можете просто "присоединиться" к двум таким классам: .checked.featured

Ответ 3

Чтобы выразить И вы просто объединяете свои классы .checked.featured, которые не могут быть путаны с популярным .checked .featured, который является селектором потомок.

Посмотрите официальную Документацию