关闭

CSS中id和class的区别

标签: css
250人阅读 评论(0) 收藏 举报

首先,在表现形式上 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的大小

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:21870次
    • 积分:507
    • 等级:
    • 排名:千里之外
    • 原创:26篇
    • 转载:27篇
    • 译文:0篇
    • 评论:2条
    文章分类
    最新评论