Html 使用CSS区分两个元素的最佳方法

假设我知道一个给定的HTML元素正好有两个（不多也不少）。在CSS中区分这两个元素的最佳、最干净的方法是什么

我知道你可以给他们不同的身份证：例如

<section id="1"> Hello </section>
<section id="2"> World </section>

#1 {
    color: red;
}
#2 {
    color: blue;
}

你好 世界 #1 { 颜色：红色； } #2 { 颜色：蓝色； } 但不使用那些不必要的id标签似乎更干净。所以我得到的最干净的是：

<section> Hello </section>
<section> World </section>

section:nth-of-type(1) {
    color: red;
}
section:nth-of-type(2) {
    color: blue;
}

你好 世界 第n节类型（1）{ 颜色：红色； } 截面：第n种类型（2）{ 颜色：蓝色； } 但是我还发现了其他一些东西，比如类型的第一个（尽管没有类型的第二个）

我的第二个示例是最干净、最CSS-y的方法吗？有更好的方法吗？

据我所见（尽管它使代码变得更长），从长远来看，第一种方法是最好的方法，尽管目前这两种方法都很好。代码足够短，因此额外的id属性不应该太长，如果您决定用更多的节来更改页面，您将在css中进行更少的编辑来维护现有的节

编辑：我应该说类比ID更容易被广泛接受，但两者都能为您带来好处。如果您愿意的话，类将使您更容易按照设计这些部分的方式来设计这些部分的样式。

从我所看到的（尽管它会使代码变长）从长远来看，第一种方法是最好的方法，尽管目前这两种方法都工作得很好。代码足够短，因此额外的id属性不应该太长，如果您决定用更多的节来更改页面，您将在css中进行更少的编辑来维护现有的节

---

编辑：我应该说类比ID更容易被广泛接受，但两者都能为您带来好处。如果您愿意的话，使用类可以使您更轻松地设置横断面样式，方法与沿途设置横断面样式完全相同。

建议使用类way@LGSon当它们是唯一的时，建议使用ID，因为ID是唯一的。类适用于需要对多个元素应用相同内容的情况。@Adrian I过于笼统……是的，您是对的，建议使用类way@LGSon当它们是唯一的时，建议使用ID，因为ID是唯一的。类适用于需要对多个元素应用相同内容的情况。@Adrian I太笼统了……是的，你是对的