打印

[求助] class与id的区别

ttbaby [楼主]

流浪猫

中级会员

帖子: 184
体力: 330
威望: 0
当前: 四川成都

1^# 大中小发表于 2006-11-10 15:42

看到坛子上不少人喜欢用id调用style,自己下载的几个样本里面又全部使用的class
问下,除去写style的时候id用# class用.它们之间还有别的区别没?调用的时候有什么讲究么?

天蝎座属猫 ≥ω≤

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

kitoto

初级会员

帖子: 74
体力: 166
威望: 0
离线: 247 天

2^# 大中小发表于 2006-11-10 15:45

我是刚来的菜鸟，在学习了几天后帮你解答一下：

我理解的就是，ID和CLASS都是调用样式的方法，但是按照W3C标准一个页面代码中ID不能重复，所以当你有多个DIV需要重复定义的时候，可以使用CLASS来定义样式，这样就可以了。

TOP

【美橙超级G空间】688元绑定10个子目录 | oracle工程师注册

yizhang

初级会员

帖子: 82
体力: 104
威望: 0
离线: 36 天

3^# 大中小发表于 2006-11-10 15:54

class 是类 ID是一个页面中唯一的.

class用在一些共同的样式容器上,比如,左右两个DIV,他们大小,样式什么的都一样,我们就可以使用CLASS.
而ID是唯一的,一个页面中只能有一个ID.
但是如果你使用多个同样的ID,页面也不会出错.这仅仅是标准吧.

www.graphiccode.cn

TOP

请大家尊重和保护奥运知识产权。

snwebsite

蓝色怪兽

荣誉管理团队

帖子: 4340
体力: 7370
威望: 68

4^# 大中小发表于 2006-11-10 15:57

一.

web标准中是不容许重复ID的,比如 div id="aa" 不容许重复2次,而class 定义的是类,理论上可以无限重复, 这样需要多次引用的定义便可以使用他.

二.
属性的优先级问题 ID 的优先级要高于class
例:

提示：您可以先修改部分代码再运行

三.
方便JS等客户端脚本，如果在页面中要对某个对象进行脚本操作，那么可以给他定义一个ID，否则只能利用遍历页面元素加上指定特定属性来找到它，这是相对浪费时间资源，远远不如一个ID来得简单.

[ 本帖最后由 snwebsite 于 2006-11-10 15:59 编辑 ]

LOST

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

竹影

中级会员

帖子: 126
体力: 342
威望: 0
离线: 103 天

5^# 大中小发表于 2006-11-10 16:12

我的理解:使用上有区别,定义的样式没有任何区别!!

此论坛里已经有好多关于这个讨论的贴子,你可以搜索下,有更多的关于这个区别的解释!

TOP

zxfly

银牌会员

帖子: 878
体力: 1034
威望: 0
当前: 福建厦门
离线: 1 天

专长 网页设计,UI

6^# 大中小发表于 2006-11-10 16:13

版主说的偶觉得第一点和第三点可以并在一起
之所以id不能重复就是担心在一些脚本语言上容易造成错误，一般没有使用脚本语言情况下一个页面出现多个相同ID其实显示不会出问题的

偶当初就范过这种错误

TOP

ttbaby [楼主]

流浪猫

中级会员

帖子: 184
体力: 330
威望: 0
当前: 四川成都

7^# 大中小发表于 2006-11-10 16:49

谢谢~~

天蝎座属猫 ≥ω≤

TOP

xuyagang117

新手上路

帖子: 2
体力: 9
威望: 0
当前: 河北邯郸
离线: 85 天

8^# 大中小发表于 2008-6-12 09:10

呜呜．　

TOP

xuyagang117

新手上路

帖子: 2
体力: 9
威望: 0
当前: 河北邯郸
离线: 85 天

9^# 大中小发表于 2008-6-12 09:11

　　
　　为什么我看不懂呢．我在好多地方看这个问题．可就是看不明白．＠！

TOP

shaohua162001

荷西

高级会员

帖子: 858
体力: 724
威望: 1
当前: 北京海淀区
离线: 4 天

专长 网页设计,前端制作

10^# 大中小发表于 2008-6-12 12:03

ID 是身份证
CLASS 是人名

后院

TOP

m173

金牌会员

帖子: 5342
体力: 4773
威望: 0
当前: 广东珠海

专长 网页设计,平面

11^# 大中小发表于 2008-6-12 13:35

感觉CLASS可以比ID强大

>----------我就像路边的一坨屎,那样的渺小,那样的让人厌恶----------<

TOP

duosuo

新手上路

帖子: 30
体力: 40
威望: 0
当前: 广东深圳
离线: 14 天

12^# 大中小发表于 2008-6-12 13:39

w3c对这个容器的定义是不一样的
class可以重复使用
id推荐一个页面只使用一次

又开始哆嗦

TOP

duosuo

新手上路

帖子: 30
体力: 40
威望: 0
当前: 广东深圳
离线: 14 天

13^# 大中小发表于 2008-6-12 13:40

如果结合javascript的时候就能够知道id和class区分是多么的重要了哈哈留作后话暂且不提

又开始哆嗦

TOP

wmfx188

新手上路

帖子: 36
体力: 27
威望: 0
当前: 四川成都
离线: 42 天

14^# 大中小发表于 2008-6-13 11:46

那就是说如果不用到需要调用ID的脚本那整个站点可以不用ID 零ID. 全部CLASS......

wmwmwmwm

TOP

colorandy

初级会员

帖子: 30
体力: 69
威望: 0
当前: 北京东城区
离线: 79 天

15^# 大中小发表于 2008-6-13 14:13

如果在一个页里只出现一次，就定义为ＩＤ
如果出现多次，定义为class
区别就是ＩＤ是唯一的，class却可多人共享．

整个站也不能都用class，id的级别比class高，什么时候该用什么，你就先试着写写

TOP

majia1314

新手上路

帖子: 18
体力: 0
威望: 0
当前: 北京东城区
离线: 32 天

16^# 大中小发表于 2008-6-13 16:26

结构的我才用id.
内容的我不用id,因为也许会占用id资源.

TOP

lwbliang

新手上路

帖子: 6
体力: 19
威望: 0
离线: 14 天

17^# 大中小发表于 2008-6-13 16:29

我觉得4楼的snwebsite 说得很清楚了,这里补充一下:

虽然它们的定义不同,但是实际上在浏览器上都能显示出来,显示效果没差别的,不过,为了遵循标准,还是按它们各自的定义去使用吧,最重要的一点是snwebsite 贴子说的第三点,为方便JS等客户端脚本,最好按标准定义去分别使用

TOP

yushuai840705

漫步云端

初级会员

帖子: 69
体力: 149
威望: 0
当前: 河北石家庄
离线: 2 天

18^# 大中小发表于 2008-6-14 14:41

我认为如果不用JS的话可以都用成CLASS哦

TOP

fuguojian1988

天天向网NET

银牌会员

帖子: 795
体力: 1644
威望: 0
当前: 河南商丘
离线: 3 天

专长 网页设计,平面,前端制作

19^# 大中小发表于 2008-6-17 00:24

优先级
JS脚本防止和ID冲突

我以前试过一个页面用多个同样的ID，呵呵，页面没问题，只不过W3C标准就不同意啦

XHTML--CSS（Web标准）联盟 QQ群：6258367

TOP