用于选择具有此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>