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-Selectors比Class-Selectors更具有特定：

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

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