CSS 选择器选择具有此 id 和此类的元素答案

【问题标题】：CSS selector to select element that has this id and this classCSS 选择器选择具有此 id 和此类的元素
【发布时间】：2023-03-09 23:50:01
【问题描述】：

你能用 CSS 选择一个有特定 id 和特定类的元素吗？

我想是这样的：

#id.class {
    color: blue;
}

【问题讨论】：

【解决方案1】：

假设您有一个class people。他们的background-color 是white。但是如果你提到像alice或bob这样的特殊人物，你可以使用ID让他们看起来很特别。

.people {
 background-color: white;
}

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

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

你的意图是什么？如果你想要一个通用的 people 类和特殊的 alice 和 bob，你也可以使用：

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>

【讨论】：