id选择器与class选择器的区别

最新推荐文章于 2026-06-17 10:44:10 发布
原创 最新推荐文章于 2026-06-17 10:44:10 发布 · 1.1w 阅读 · 23 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
css

当前文章被收录于：

css
14 篇文章 0 人学习
订阅专栏 查看详情
博客介绍了HTML里id与class的区别，id如身份证不可重复，一个标签只能绑定一个id；class如名称可重复，一个标签能绑定多个class。还说明了id选择器以#开头，class选择器以.开头。同时提醒id一般供js用，企业开发要注重抽取公共代码到类选择器。

1id与class的区别

1.1 id相当于人的身份证，不可以重复

1.2 class相当于人的名称可以重复

2.1一个html标签只能绑定一个id名称

2.2一个html标签可以绑定多个class名称

2.id选择器与class选择器的区别

1.id选择器是以#开头

2.class选择器是以.开头

3.注意点

id一般情况下是给js用的，所有除非特殊情况下，否则不要用id去设置样式

2.在企业中一个开发人员对类的使用可以看出这个开发人员的技术水平，一般情况下企业开发中要注重冗余代码的抽取，可以将一些公共的代码抽取到一个类选择器中然后让标签和这个类绑定即可

 

css的ID选择器和class选择器的区别
热门推荐
qq_42121620的博客
02-28 1万+
CSS的ID选择器和class选择器 一、ID选择器和Class选择器的区别 1、一个HTML标签只能应用于一个ID选择器 2、一个HTML标签可以应用多个class选择器 3、ID选择器是以“#”开头，并且只能在单个元素使用 4、Class选择器是以“.”开头，可以多个元素应用，中间用“，”隔开 二、 1.ID选择器 代码如下（示例）： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <tit
CSS 中的 id 和 class 选择器
weixin_45474825的博客
01-24 3076
id选择器：用于页面中唯一的元素，优先级高，适合用于页面布局的主要部分或需要 JavaScript 操作的元素。class选择器：用于重复使用的样式，优先级低，适合用于多个元素需要应用相同样式的情况。多个class：可以通过组合多个class实现样式的复用和灵活组合，提高代码的可维护性。在实际开发中，合理使用id和class选择器可以帮助你更好地组织和管理 CSS 代码，提高代码的可维护性和可读性。希望本文对你理解 CSS 中的id和class选择器有所帮助！
最全Java 基础面试题，及更全面的答案汇总
最新发布
weixin_42337052的博客
06-17 3011
final用于声明不可变的实体，finally用于异常处理中的资源释放，而finalize则是一个不推荐使用的、与垃圾回收相关的方法。3.两个对象的 hashCode()相同，则 equals()也一定为 true，对吗？29.在 Queue 中 poll()和 remove()有什么区别？46.线程池中 submit()和 execute()方法有什么区别？65.final、finally、finalize 有什么区别？42.notify()和 notifyAll()有什么区别？它们之间有什么区别？
id选择器和class选择器
ceike的博客
05-13 6314
id选择器用来选取带有给定id属性的元素。语法:#id例如:htmlcss。
css中的ID选择器和CLASS选择器的区别
u010670280的专栏
10-20 1100
区别 1：只能在文档中使用一次 与类不同，在一个 HTML 文档中，ID 选择器会使用一次，而且仅一次。 区别 2：不能使用 ID 词列表 不同于类选择器，ID 选择器不能结合使用，因为 ID 属性不允许有以空格分隔的词列表。 区别 3：ID 能包含更多含义 类似于类，可以独立于元素来选择 ID。有些情况下，您知道文档中会出现某个特定 ID 值，但是并不知道它会出现在哪个元素上，所以您想声
CSS：基本选择器中的ID选择器和class选择器的区别
m0_56195569的博客
10-25 2412
CSS：基本选择器中的ID选择器和class选择器的区别
HTML中id选择器和class选择器的区别（为什么id选择器不能重复）
Dreamer0Action的博客
08-10 6233
HTML中id属性不能重复，class可以重复。
ID选择器与Class类选择器区别
weixin_43734012的博客
11-21 9981
class和id选择器得区别：class选择器的值不是唯一的，我可以在多个标签共用一个class名 ID选择器： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;ID选择器&lt;/title&gt; &lt;!-- ID选择器：要给添
HTML之id选择器、class选择器及name属性区别
Simon_LHM的博客
03-30 2775
  最近做网站的时候，经常搞不清id、class和name之间的区别，于是就在网上搜集资料学习，整合出下面的版本，以防自己忘记的同时帮助到有需求的人。    id选择器   唯一标识一个元素的，只能针对某一个样式进行控制即在同一个HTML页面只能调用一次，具有唯一性。id选择器是以 “ # ” 开头。   eg.  CSS定义 #headerline1 {width: 100%;height: 8...
jquery id选择器和class选择器的区别
Deus ex
07-15 5170
Title $(function(){ alert($('.box').size()); //返回2 }); hello world size() 方法返回DOM对象的个数 Title $(function(){
CSS中选择器class和id的区别
夂丶丶
12-04 280
在CSS中选择器的方法有三种: 直接使用标签进行选择 div{} class选择器（类选择器）,使用标签的class名选择 <div class="box"></div> css中选中这个标签使用.box{} id选择器 <div id="box"></div>css中选中这个标签使用#box{} class和id是什么? class:表示类,...
id选择器和class选择器的区别是什么？
weixin_73945759的博客
03-05 988
5.在布局思路上，一般坚持这样的原则：id是先确定页面的结构和内容，然后再为它定义样式，而class相反，先定义好一类样式，然后再在页面中根据需要把类样式应用到不同的结构和内容中；7.在实际应用时，class更多的被应用到文字板块以及页面修饰等方面，而id更多的被用来实现宏伟布局和设计包含块，或包含的框样式。4.id作为元素的标签，可以用来区分不同结构和内容，class作为一个样式，可以应用到任何结构和内容；1.一个HTML标签只能应用于一个ID选择器，一个HTML标签可以应用于多个class选择器；
CSS中关于class与ID选择器的区别
thewebcode
12-14 233
CSS选择器有ID和Class两种，他们有什么区别呢？使用点号（.）创建class选择器，使用hash符号（#）创建ID选择器。 例子: #top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: bold; } html页面通过id和clas...
id选择器和class选择器区别
Methun
03-12 907
1.id和class的区别? 1.1 id相当于人的身份证不可以重复 class相当于人的名称可以重复 1.2 一个HTML标签只能绑定一个id名称 一个HTML标签可以绑定多个class名称2.id选择器和class选择器区别? id选择器是以#开头 class选择器是以.开头3.在企业开发中到底用id选择器还是用class选择器? id一般情况下是给js使用的, 所以除非特殊情
php中 号是什么选择器_ID选择器与class选择器有什么区别
weixin_34526733的博客
03-08 175
区别有：ID选择器在文档中只能用一次，class选择器可以使用多次；class选择器可以为同一个元素同时设置多个属性而ID选择器不可以平时写代码的时候用div和css制作网页时，总会用到class和id选择器来设置CSS的样式，将下来在文章中将为大家介绍class与id选择器的用法以及它们的区别，有一定的参考作用，希望对大家有所帮助【推荐课程：CSS课程】ID 选择器id是唯一标识一个元素的，在一...
id选择器跟class选择器有啥区别
wdyliuxingfeiyang的博客
07-30 580
id选择器跟class选择器有啥区别 首先id选择器跟class选择器都是作用于某个标签上的，都可以为某个标签设置样式； 在你使用这两种选择器的时候你会发现这俩并没啥区别；然而在一个web项目里必不可少涉及到使用JavaScript，在javascript中，可以使用getElementById("xx"); 取得对应那个id的对象，也就是那个标签，然后就可对那个对应的标签进行操作，你要是在后面的同一标签中也有id="xx"的话，那个通过id号去就不能唯一确定对应id的那个对象了，所以id="xx"只能
[css] css中class和id选择器有什么区别？
歌谣的博客
02-07 371
[css] css中class和id选择器有什么区别？ id 在部分浏览器的 js 中会直接生成同名变量； id 的唯一性，获取该 id 的 dom 时，会取同名 id 的前者； id 层叠权重非常高，1000 个 class 也覆盖不了 id 的样式； class 可以用空格给同个元素设置多个 class，id 用空格会让 id 失效； id 可以和链接锚点一起玩耍。 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题
HTML连载18-id选择器与class区别&class选择器使用思路&后代选择器
weixin_30900589的博客
07-01 97
一、id选择器和classable选择器的区别 选择器 CSS中的开头 HTML标签可以绑定几个 是否可重复 用途 id选择器 # 仅能一个 不可以重复（一个标签里仅有一个） 一般情况下是给JS用的，除非特殊情况下才给设置样式用 class选择器 . ...
class选择器与id选择器的功能区别
ilbba的博客
08-13 295
class选择器可以多选，而ID选择器只能选择唯一一个。但是ID选择器的效率比class选择器的高！ 听说还有别的其他的功能区别，后续学到再继续加上！
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值