如何将 css 样式表应用到单个特定元素？

Question

我是 Web 开发新手，我尝试过使用简单 HTML 元素的 css 样式表，当我指定元素名称时，效果很好：

label {
    color: green;
}

这将应用于所有标签标记，但是有没有办法将样式表应用于单个元素？例如：有2个标签，一个是绿色，第二个是蓝色，如何实现？

Answer 1

有很多方法可以实现这一点。有很多 css 选择器，例如 ID、类...请参阅css 选择器参考

实现你想要的最好方法是使用 classss。查看课程

.red {
      color: red;
}
.blue {
      color: blue;
}

<label class="blue">
    I'm blue
</label>
<label class="red">
  I'm red
</label>