class 和id的区别和联系

最新推荐文章于 2023-06-20 21:28:29 发布
最新推荐文章于 2023-06-20 21:28:29 发布
阅读量678 收藏
点赞数
分类专栏： html css 文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fly_boss/article/details/50649703
版权
html 同时被 2 个专栏收录
7 篇文章 0 订阅
订阅专栏
css
2 篇文章 0 订阅
订阅专栏
在样式表定义一个样式的时候，可以定义id也可以定义class。

1、在CSS文件里书写时，ID加前缀"#"；CLASS用"."

2、id一个页面只可以使用一次；class可以多次引用。

3、ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；class是一个样式，可以套在任何结构和内容上，就象一件衣服；

4、从概念上说就是不一样的：id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。


5、class可以结合使用，id不能结合使用。


6、当使用js时，要用到id。


简单的记忆：class是姓名，id是身份证号

fly_boss
关注
专栏目录
ID和Class的区别？
IT修真院：初学者转行到互联网的聚集地
11-23 2073
大家好，我是IT修真院的一枚正直纯洁善良的WEB程序员。 今天我给大家分享的是：ID和Class的区别？ 一，背景介绍 HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的 元素就是通过CSS选择器进行控制的。本次讲的id和Class就是id选择器和类选择器。 二.知识剖析 Class 在程序中称“类”...
类选择器和ID选择器的区别
笔记别偷看
12-24 1万+
区别 1： 与类不同，在一个 HTML 文档中，ID 选择器会使用一次，而且仅一次。 下面代码是正确的： <p> 三年级时，我还是一个 <span class="stress">胆小如鼠</span> 的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个 <span class="stress">勇气</span> 来回答老师提出的问题。 </p> 而下面代码是错误的： <p> 三年级时，我还
CSS中 ID和CLASS的区别
Sunnyyou2011
05-28 678
在样式表定义一个样式的时候，可以定义id也可以定义class。 1、在CSS文件里书写时，ID加前缀"#"；CLASS用"." 2、id一个页面只可以使用一次；class可以多次引用。 3、ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；class是一个样式，可以套在任何结构和内容上，就象一件衣服； 4、从概念上说就是不一样的：id是先找到结构/
当我们在使用CSS的时候ID与Class有何不同？
kingroc的博客
06-03 4748
ID和Class之间有何不同ID和Class都是“钩子”我们需要一个使用HTML/XHTML语言描述文档内容的方式，类似的基础元素有<h1>,<p> 和<ul>来完成这样的工作，但我们的基础标签不能覆盖网页元素和布局选择中的所有的类型。因此我们需要ID和Class。例如：<ul id="nav">这将明确的给我们针对这个无序列表的机会，我们可以操作它到页面中唯一的另一个无序列表中。或者在我们的网页中
css中class和id之间有什么区别？
高先生的猫
07-30 1547
我们平常在用div+css制作html网页页面时，常会用到class 和id来选择调用css样式属性。对学习css的新手来说class和id可能比较模糊，同时不知道什么时候该用class，什么时候又用id，以及它们用法与限制是怎么样的。 ID和class都是“钩子” 我们需要一个使用html/xhtml语言描述文档内容的方式，类似的基础元素有<h1>,<p>和<url>来完成这样的工作，但我们的基础标签不能覆盖网页元素和布局选择中的所有类型。因此我们需要ID和c.
CSS中ID与CLASS的区别
weixin_30888413的博客
02-21 259
id：用来定义页面中大的样式，如栏目划分，顶部，正文，底部等；用#top的形式来定义； class：用来定义一些比较细节的样式，如具体的一个菜单，一行文字等，用.text的形式来定义。 定义HTML中的标签，如ul,img,p等时，直接写：img{} 以上摘自网络： #main和.main有什么区别:#main 定义的是ID为"main"这个元素的样式.main 的意思是新建一...
CSS学习笔记（更新中...)
weixin_34320724的博客
03-03 114
id和class到底要用哪一个？ 　　首先要明白id和class的各自的优缺点。这样才能根据他们的各自的特点进行使用。 id的优点（class的缺点）：id写在css用"#"选择器，class写在css中用"."选择器。"#"选择器的优先级高于"."选择器大约10倍，所以当你需要提升优先级的时候，id标签，或者id容器内的标签将是很容易和有效的。而class标签，或者class容器内的标签将可...
HTML之id选择器、class选择器及name属性区别
Simon_LHM的博客
03-30 2547
  最近做网站的时候，经常搞不清id、class和name之间的区别，于是就在网上搜集资料学习，整合出下面的版本，以防自己忘记的同时帮助到有需求的人。    id选择器   唯一标识一个元素的，只能针对某一个样式进行控制即在同一个HTML页面只能调用一次，具有唯一性。id选择器是以 “ # ” 开头。   eg.  CSS定义 #headerline1 {width: 100%;height: 8...
css利用id和class来控制元素样式技巧总结
热门推荐
hlj184的专栏
06-04 1万+
现在有这么一个实例要求：    1）画五个盒子，分别用红、紫、橙、绿、蓝字体颜色来表示；    2）鼠标点击其中一个盒子时，边框加租并显示与盒子字体颜色一致的颜色；    效果如下图：                            （图1）盒子效果图    下面是具体的实现思路：    一、html内容构建      首先利用html内容表达五个盒子内容，代码如下：
jquery，id选择器和class选择器的效率对比
龙珠课堂
12-26 5271
如今jQuery在网站上普及的程度越来越高，所以，对于jQuery的使用，即使再小的一点认识、一点优势、一点不足，也显得越来越值得研究和探讨。最近，我就对jQuery的选择器使用做了一些个小小的实验，用来说明jQuery的不同选择器在不同的情况下，哪个效率更高，更值得使用。 先在每个测试页面的head中引入google提供的jquery文件和用于测试的小插件firejspt。
css中id和class的区别
IT经验分享
06-03 4445
首先，在表现形式上 ID 的优先级比css高，例如： #id {background-color:Red} .class {background-color:blue} 蓝色理想 id和class都定义了背景颜色的属性，但是由于id的优先级比class高，所以背景色为id所定义的红色 再次，class是通用属性，就是说几个div可以调用同一个class ，
css中id与css的区别
snail-蜗牛
03-07 727
对于id和class之间一直很模糊 对此搜索网上的回答，总结一下 概念定义： id是元素的名称，可以供js或其它脚本程序来访问该元素对象，而class是该元素的css类名。 id的值在整个当前网页中应该是唯一的，即某一个元素定义了id="abc"，那么这个网页中其它的元素的id就不能定义成abc，而class则可以。 ID是不能重复的，所以在 XHTML的结构中，大结构一定是用ID。 比
CSS　选择器和ID选择器的区别
qq_46258819的博客
07-15 556
CSS　选择器和ID选择器的区别: 1、ID选择器是唯一的（相当于人的身份证是唯一的），只能在文档中使用一次，而类选择器可以多次使用（相当于人的名字，允许重复） 2、可以使用类选择器词列表方式为一个元素同时设置多个样式，而ID选择器不支持 ...
css中ID与class的区别
11-07 593
定义格式：           形如id="aaa"定义的,在css中是这样设置其样式的：           #aaa{ 样式列表 }           而以class="bbb"形式定义的，在css中应该这样设置其样式：           .bbb{ 样式列表 }           用途：           class元素分2种,关联的和独立的.
css id和class的区别
weixin_43593698的博客
08-14 330
class 类名.{属性：值；} 在同一个网页页面可以多次调用相同的class类 id #id名{属性：值；} 同样的id在一个页面中只允许出现一次并且是唯一性 class可以多次使用，它 ...
CSS中id与class的区别
caiyuanxiaobingbing的博客
10-15 173
id属性，只能被一个元素调用（以“#”选择符命名CSS样式在一个页面只能使用调用一次） class类标记，可以用于被多个元素调用(以“.”选择符命名样式可以一个页面使用多次) id：在同一个页面，只可以被调用一次，在CSS里用“#”表示。 class：是类标签，在同一个页面可以调用无数次（没限制的），在CSS里用“.”表示。 ID就像一个人的身份证，用于识别这个DIV的，Class
css中class和id的区别
最新发布
qq_53195433的博客
06-20 586
虽然 class 和 id 有不同的用途和特点，但它们都可以用于在 CSS 中选择和定义 HTML 元素的样式。通常情况下，应该优先使用 class 属性，除非确定某个元素是唯一的，才需要使用 id 属性。一个元素只能拥有一个 id，它在整个 HTML 文档中必须是唯一的。在上面的代码中，div 元素同时拥有 “box”、“big” 和 “red” 三个 class。在 CSS 中，class 和 id 都是用于标识 HTML 元素的属性。在上面的代码中，div 元素拥有唯一的 “header” id。
id和class的区别
05-24
在HTML中，id和class都是用于...区别在于id是唯一标识符，而class是一组元素的标识符。在CSS中，可以使用#来选择id，使用.来选择class。例如，#myId表示选择id为myId的元素，.myClass表示选择class为myClass的元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值