[分享]css不同id相同样式

在CSS中，我们可以使用id属性来为HTML元素定义样式。id属性是HTML元素的唯一标识符，因此在同一文档中，不同元素的id应该是唯一的。然而，在某些情况下，我们可能希望对不同的元素应用相同的样式。...

在CSS中，我们可以使用id属性来为HTML元素定义样式。id属性是HTML元素的唯一标识符，因此在同一文档中，不同元素的id应该是唯一的。

然而，在某些情况下，我们可能希望对不同的元素应用相同的样式。这时，我们可以使用相同的id属性值来定义这些元素的样式。但是，这种做法是错误的。

下面是一个错误的示例：

#my-box {
  background-color: red;
}

#my-box {
  font-size: 20px;
} 

在这个例子中，同一个id属性值“my-box”被用于两个样式规则中。在某些浏览器中，这种用法会导致样式失效。

正确的做法是使用class属性来定义这种情况下的样式：

.my-box {
  background-color: red;
  font-size: 20px;
} 

使用class属性定义样式不会造成上述问题，因为class属性可以被应用于多个元素，而不会产生id属性的唯一性约束。

总之，CSS中的id属性应该是唯一的，不同元素之间不能使用相同的id属性值来定义样式。如果需要为多个元素定义相同的样式，应该使用class属性来实现。