码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-11-20 08:06:38      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:

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标准。

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

标签:

原文地址:http://www.cnblogs.com/tian114527375/p/4979664.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!