CSS基础语法中ID与Class区分.pdfVIP

唯一性

第一：id是唯一的,class是可以重用的.id在页面浏览器里显示时只能出现一次，CLASS

可以多次

比如你有多个地方样式要求一样的话,就用类.这样就不用些多个#了.

.name{…..}

divclass=”name”/div

divclass=”name”/div/*就像这样.你多个地方都想要同一个样式就这样写.

#jiucool{…….}

divid=”jiucool”/div/*id只有一个.

优先级

第二：在表现形式上ID的优先级比class高.

JS的方便性

第便JS等客户端的，如果在页面中要对某个对象进行操作，那么可

以给他定义一个ID，否则只能利用遍历页面元素加上指定特定属性来找到它，这是相对浪

费时间资源，远远不如一个ID来得简单与快捷。

id=aaa定义的,在css中是这样设置其样式的：

#aaa{样式列表}

而以class=bbb形式定义的，在css中应该这样设置其样式：

.bbb{样式列表}

（注意前面有一个点）

用途：

class元素分2种,关联的和独立的.关联的用于html的相关tag的,比如

h1.redone{color:red}

h1class=redone字体为红色的h1

h1字体是黑色的h1

独立的元素可以用于所有的html元素的,比如

.classname{property:value}

id元素和独立的class功能相似,区别是id是唯一的而且对于javascript操作html元素

有帮助,

#ime{property:value}

概念定义：

id是元素的名称，可以供js或其它程序来该元素对象，而class是该元素的css

类名。

id的值在整个当前网页中应该是唯一的，即某一个元素定义了id=aaa，那么这个网页

中其它的元素的id就不能定义成aaa，而class则可以。

ID与CLASS的使用原则

据说W3C对于ID与CLASS的设定是ID具有唯一性，CLASS具有普遍性。所以我们

这里的使用原则也是依据这一特性建立的。ID是不能重复的，所以在XHTML的结构中，

大结构一定是用ID。比如标志、导航、主体内容、。这些呢接制定的规范命名

为#logo,#nav,#content,#copyright这些是雷打不动名。有人说布局排版用ID，配色

背景用CLASS，其实这是不正确的，ID与布局排版没有直接关系，CLASS与配色也不是对

等的。有人呢为了全都用ID或是全都用CLASS，全都用CLASS呢还有可理解，全都

用ID就不正常了，这有悖ID唯一性。如果每个ID都不一样，那非累死不可。我通过实践

总结的使用原则是：ID需要具有唯一性，并且尽量在使用。而CLASS具有可重复性，

并且尽量在结构。这样做的好处是有利于代码的后期与修改，这样的做法

就会让所有的CLASS都成为ID的子级或是你可以有两个