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

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

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

3 54
html css css3 html5

3 ответа:

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

.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>
90

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

15

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

взгляните на чиновника документация

7