Как установить стиль только для элементов, которые указали несколько классов?

Question

У меня есть три span элемента:

<span "id="span1" class="class1"> span 1 </span>
<span "id="span2" class="class2"> span 2 </span>
<span "id="span3" class="class1 class2"> span 3 </span>

Я хочу установить стиль для элемента, который имеет class1 и class2. Итак, в то время как первый и третий промежутки имеют общий class1, а второй и третий промежутки class2, я бы хотел, чтобы третий был стилизован в соответствии с его классами.

Answer 1

Вы можете сделать это так:

.class1.class2 {
    color: yellow;
}

Демо .

Answer 2

Попробуйте это:

.class1.class2 {
    color: yellow;
}

Answer 3

Вы бы настроить свой CSS следующим образом

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

<style>
.class1 {
 color:green;
}
#span3 {
 color:yellow;
}
</style>

<span "id="span1" class="class1"> span 1 </span>
<span "id="span2" class="class1"> span 2 </span>
<span "id="span3" class="class1"> span 3 </span>

id css перезапишет css для класса, предоставляя вам уникальный контроль над каждым элементом

Answer 4

Попробуйте это

.class1.class2 {
    color: yellow
}