HTML中class和id标签的区别

本文详细解释了HTML中的ID与Class的概念、区别、优先级以及使用技巧,帮助开发者更好地理解和应用这些概念,以提高代码的可维护性和效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

先举个例子来区分它们两个:
        例如,在一个屋里,有很多人,那么ID就是人的名字,而Class是衣服。
        如果两个人名字相同就会出现混淆,而如果两个人穿同样的衣服就不会出现类似状况。所以明白这个比喻之后,他们俩的关系你就明白了一半!
 
        下面来说说它们两个的区别
        从定义上来说:
            id是元素的名称,可以供js或其它脚本程序来访问该元素对象
            class是该元素的css类名。
       从W3C原则规定方面
            ID具有唯一性,即ID在一个页面里唯一性。
            Class具有普遍性
 
       ID与CLASS的使用技巧 www.2cto.com
           1. 子级名字中包含父命名中的部分为开头。这样方便在编写CSS时明确层次关系。
           2. CLASS中的子级最好不用ID。
           3. CLASS的命名最好命名用大小写合用。
           例 .newMovie这样的写法与第一条结合起来使用明确关系最合适。要需要注意的是IE以外的 浏览器对于大小写是很敏感的。还有就是一定要以字母开头
       ID与class的优先级不同
       优先级来看: Style > ID > Class > 缺省的Html元素
 
通过实践总结
        1、ID具有唯一性,并且尽量在外围使用。而CLASS具有可重复性,并且尽量在结构内部使用 。
        2、这样有利于后期维护与修改,让所有的CLASS都成为ID的子级或是孙级.
        3、出现重复定义时,从优先级来看是: Style > ID > Class > 缺省的Html元素
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值