css中的类样式和id样式

html-css016

css中的类样式和id样式,第1张

W3C标准

中对于ID与CLASS的设定是:ID具有唯一性,CLASS具有普遍性。

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

睁一只眼闭一只眼

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

在CSS中你可能不会碰到太大的问题。但是当用

JavaScript

调用ID时,问题就来了,比如下面的代码:

<p

id="html">人aaaaa</p>

<code

id="html">fffff</code>

<script>alert(document.

getElementById

("html").

innerHTML

)</script>

这个弹出的结果是

人aaaaa。而

下面的元素就完全被忽略了。

这只是一个

小小的测试,具体到做项目的时候会碰到什么后果就没法预计了。

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

ID在页面中必须唯一。这样才符合

web2.0

标准。

一般来说是没有区别的,但是执行效率有差别,浏览器在解析css的时候,如果没有加P的话,浏览器会遍历所有的nodes,但是加了P.class,那浏览器的遍历范围就只局限于P标签,这样的话效率明显比较高。