ID与CLASS相同

Question

我知道id是用于单个元素，而class用于同一页面上的多个元素。 但是，当有多个相同的ID时，为什么要应用ID样式？

http://jsfiddle.net/WqrAF/

现在，它起作用了，有什么区别？

Answer 1

如果有多个ID，则不能选择一个ID。 当您只需要dom对象的一个​​实例时，就会遇到问题。

Answer 2

那是因为浏览器会非常努力地使用无效和格式错误的标记。 他们并不总是成功地完成作者的意图。

解决方案是始终编写有效的标记，然后检查有效性。

Answer 3

这只是浏览器处理无效的HTML。 在一页上，不应该超过一个具有相同值的id属性实例。

Answer 4

主要区别在于：对于ID ，它不应在同一HTML中出现多次； 对于class ，可以在同一HTML中多次使用。

Answer 5

当您使用无效的标记时，行为是未定义的。 所有主要的浏览器都可能纠正您的错误标记，但您不能依靠它。

另一个区别是ID选择器比类选择器更具体 ：

1. 内联样式
2. ID
3. 类
4. 元素

这意味着ID选择器始终胜过任何类选择器-无论选择器包含多少个类和元素标记。 （除非类选择器样式包含！important。但是那是关于CSS重要性而不是CSS-Specificity的。这是因为CSS重要性发生在考虑CSS-Specificity之前。）