css中的类样式和id样式有何区别？

css中的类样式和id样式有何区别？

css中的类样式和id样式有何区别？

W3C标准中对于ID与CLASS的设定是：ID具有唯一性，CLASS具有普遍性。

而目前大部分浏览器确实可以定义页面中多个元素的ID相同，并赋以相同的样式，因为目前的浏览器和CSS都对其睁一只眼闭一只眼。

就比如说法律规定你做好事，但你也可以去做坏事一样。这是一个标准，你可以遵守，也可以不遵守，但是不遵守的后果很严重。

在CSS中你可能不会碰到太大的问题。但是当用JavaScript调用ID时，问题就来了，比如下面的代码：

<p id="html">第一段文字</p>

<code id="html">第二段文字</code>

<script>alert(document.getElementById("html").innerHTML)</script>

这个弹出的结果是 第一段文字。而 下面的元素就完全被忽略了。

这只是一个小小的测试，具体到做项目的时候会碰到什么后果就没法预计了。

所以建议你还是遵守标准来设计网页。

ID在页面中必须唯一。这样才符合web2.0标准。