2007年4月20日星期五

[转载]Class和ID的区别

首先,在表现形式上 ID 的优先级比css高如

style
#id {background-color:Red}
.class {background-color:blue}/style
div class="class" id="id"蓝色理想/div

id和class都定义了背景颜色的属性,但是由于id的优先级比class高,所以背景色为id所定义的红色再次,class是通用属性,就是说几个div可以调用同一个class ,而ID是唯一的,web标准中不允许出现两个div的id标识是相同的,id也是js获取对象的一个标识,所以也必须是唯一的,(就像如果一个房子里面如果有两个相同名字的人,我要这个名字的人去做某事,谁去呢?就会混乱)

class还有个好处就是,一个div可以调用几个css,如

style
#id {background-color:gray}
.class1 {color:red;}
.class2 {width:200px;height:100px}/style
div class="class1 class2" id="id">蓝色理想/div

class1控制文本颜色为红色,class2控制div的大小

呵呵,其实这里说的大部分本来都会了,见说得比较清楚就转过来了。补充个最最基本的:id定义是用#,class定义是用.,千万不要忘记了喔

没有评论: