CSS селектор для выбора элемента, который имеет этот идентификатор и этот класс

Question

Можете ли вы выбрать элемент с CSS, который имеет определенный идентификатор и определенный класс?

Примерно так:

#id.class {
    color: blue;
}

Answer 1

Допустим, у вас есть class people. Их background-color составляет white. Но если вы ссылаетесь на особых людей, таких как alice или bob, вы можете использовать идентификаторы, чтобы они выглядели особенными.

.people {
 background-color: white;
}

.people#alice {
 text-transform: capitalize;
}

.people#bob {
 text-transform: uppercase;
}

Каковы ваши намерения? Если вы хотите иметь общий класс людей и специальные Алису и Боба, вы также можете использовать:

CSS:

.people {
 background-color: white;
}

#alice {
 text-transform: capitalize;
}

#bob {
 text-transform: uppercase;
}

и HTML:

<div class="people" id="alice">Alice</div>
<div class="people" id="bob">Bob</div>