CSS中id和class的区别

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

<style>
#id {background-color:Red}
.class {background-color:blue}
</style>
<div id="id" class="class">
蓝色理想
</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 id="id" class="class1 class2">
蓝色理想
</div>
class1控制文本颜色为红色,class2控制div的大小

阅读更多
文章标签: css
想对作者说点什么? 我来说一句

CSSCLASSID区别.doc

2010年09月08日 20KB 下载

没有更多推荐了,返回首页

不良信息举报

CSS中id和class的区别

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭