[分享]css两个id一样的样式

在CSS中，可以使用ID选择器来为元素设置样式，但是如果两个ID选择器的名字相同，一些样式覆盖的问题就会出现。test { color: red; } test { color: blue; } 以上...

在CSS中，可以使用ID选择器来为元素设置样式，但是如果两个ID选择器的名字相同，一些样式覆盖的问题就会出现。

#test {
    color: red;
}

#test {
    color: blue;
} 

以上代码中，两个ID选择器的名字都是“test”，且都设置了“color”属性值，但是它们的属性值不同。在CSS规则中，如果出现了相同的选择器，后者会覆盖前者，也就是说第二个ID选择器设置的“color: blue”样式将会覆盖第一个ID选择器设置的“color: red”样式。

因此，如果需要给某个元素设置样式，最好在HTML代码中只使用一个唯一的ID选择器，这样可以避免样式冲突的问题。