用于选择具有此id和此类的元素的CSS选择器

Question

您可以选择具有特定ID和特定类的CSS元素吗？

我想这样的事情：

#id.class {
    color: blue;
}

Answer 1

假设您有class people。他们的background-color是white。但是，如果您引用alice或bob等特殊人物，则可以使用ID使其看起来特别。

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