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

Question

我是 web 开发的新手，我尝试过使用简单的 HTML 元素的 css 样式表，当我指定元素名称时它运行良好:

label {
    color: green;
}

这将应用于所有标签标签，但是有什么方法可以将样式表应用于单个元素吗？例如:有2个标签，一个是绿色，第二个是蓝色，如何实现？

Answer 1

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

实现您想要的效果的最佳方法是使用 classss。参见 classes

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

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