id选择器跟class选择器有啥区别

最新推荐文章于 2023-01-09 09:43:24 发布
最新推荐文章于 2023-01-09 09:43:24 发布
阅读量494 收藏
点赞数
分类专栏： web 文章标签： css web js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wdyliuxingfeiyang/article/details/107700250
版权

id选择器跟class选择器有啥区别

首先id选择器跟class选择器都是作用于某个标签上的，都可以为某个标签设置样式；

在你使用这两种选择器的时候你会发现这俩并没啥区别；然而在一个web项目里必不可少涉及到使用JavaScript，在javascript中，可以使用getElementById("xx"); 取得对应那个id的对象，也就是那个标签，然后就可对那个对应的标签进行操作，你要是在后面的同一标签中也有id="xx"的话，那个通过id号去就不能唯一确定对应id的那个对象了，所以id="xx"只能在文档中使用一次。

所以在写页面的时候，如果不需要对该标签对象进行什么操作的时候可以使用class选择器，否则可以使用id选择器；

hellohello3306
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
老生常谈jquery id选择器和class选择器的区别
10-20
下面小编就为大家带来一篇老生常谈jquery id选择器和class选择器的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Javascript封装id、class与元素选择器方法示例
10-20
主要给大家介绍了Javascript封装id、class与元素选择器的方法，文中给出了详细的示例代码，对大家的理解和学习具有一定的参考价值，需要的朋友们下面来一起看看吧。
id选择器与class选择器的区别
qq_39093474的博客
08-27 1万+
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去设置...
css的ID选择器和class选择器的区别
qq_42121620的博客
02-28 9170
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
div中class和id有什么区别？
热门推荐
认知 行动 坚持
05-18 3万+
转载地址：http://blog.163.com/zzf_fly/blog/static/209589158201271311449305/      我觉得这篇文章jiangde
css的id和class选择器区别
gmp2208的博客
02-03 235
1.使用范围不同: CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。ID属性的操作类似于CLASS属性,ID属性的值在整篇文档中必须是唯一的。 2.表示方法不同: CLASS类选择器以标志符(句点)开头,用于指示后面是哪种类型的选择器。对于类选择器,之所以选择句点是因为在很多… 3.用途不同: 可以使用CLASS属性来分类元素。ID属性用...
css id选择器使用_动力节点Java学院整理
12-29
CSS ID 选择器 在某些方面，ID 选择器类似于类选择器...第二个区别是 ID 选择器不引用 class 属性的值，毫无疑问，它要引用 id 属性中的值。以下是一个实际 ID 选择器的例子： <p id=intro>This is a paragraph of int
JSoup CSS选择器用法大全
最新发布
08-15
- `.class`: 通过元素的类名选择，如 `.left` 选择所有类名为 "left" 的元素。 2. **属性选择器**： - `[attr]`: 匹配具有指定属性 `attr` 的任何元素。 - `[attr=value]`: 匹配 `attr` 属性值等于 `value` 的...
css中的ID选择器和CLASS选择器的区别
u010670280的专栏
10-20 965
区别 1：只能在文档中使用一次 与类不同，在一个 HTML 文档中，ID 选择器会使用一次，而且仅一次。 区别 2：不能使用 ID 词列表 不同于类选择器，ID 选择器不能结合使用，因为 ID 属性不允许有以空格分隔的词列表。 区别 3：ID 能包含更多含义 类似于类，可以独立于元素来选择 ID。有些情况下，您知道文档中会出现某个特定 ID 值，但是并不知道它会出现在哪个元素上，所以您想声
class选择器与id选择器的功能区别
ilbba的博客
08-13 225
class选择器可以多选，而ID选择器只能选择唯一一个。但是ID选择器的效率比class选择器的高！ 听说还有别的其他的功能区别，后续学到再继续加上！
css中id选择器和class选择器的区别？
centre10的专栏
02-17 1万+
<br />ID选择器：<br />   id 选择器可以为标有特定id 的HTML 元素指定特定的样式。<br />   id 选择器以"#" 来定义。<br />   下面的两个id 选择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色：<br />#red {color:red;}<br />#green {color:green;}<br />下面的HTML 代码中，id 属性为red 的p 元素显示为红色，而id 属性为green 的p 元素显示为绿色。<br /><p id="re
CSS：基本选择器中的ID选择器和class选择器的区别
m0_56195569的博客
10-25 2192
CSS：基本选择器中的ID选择器和class选择器的区别
html id 选择器和 class 选择器
雪碧的博客
08-30 776
id选择器和class选择器             /*         .para1{             color:red;             font-size:20px;         }         .para2{             font-size:20px;             text-decoration:underline;
id 和 class 选择器
weixin_51666972的博客
06-03 130
class 类选择器 class 选择器用于描述一组元素的样式，class 选择器有别于 id 选择器，class 可以在多个元素中使用。 class 选择器在 HTML 中以 class 属性表示, 在 CSS 中，类选择器以一个点"."号显示： ...
学习笔记13:id与clas的区别 （id选择器和类选择器）
weixin_46069079的博客
03-16 442
d选择器和class选择器的区别 1、类选择器（class）好比人的名字，一个人可以有多个名字，同一个名字也可以多个人使用 2、id选择器好比人的身份证号码，是唯一的，只能调用一次，不得重复 3、id选择器和类选择器最大的不同在于使用次数上 4、类选择器在开发中使用的最多，id选择器一般用于页面上唯一性的元素，经常和js搭配使用 <!DOCTYPE html> <html lan...
id,class选择器(CSS)
TK_Lumi的博客
08-16 1万+
CSS的id,class选择器一、id选择器1.简介2.案例二、class 选择器1.简介2.语法3.案例 一、id选择器 1.简介 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 2.案例 HTML元素以id属性来设置id选择器, CSS 中 id 选择器以 "#" 来定义。 以下的样式规则应用于元素属性 id="para1": #para1 { text-align:center; color:red; } 二、class 选择器 1.简
类和ID选择器的区别
Scarlett的博客
02-11 729
学习了类选择器和ID选择器，我们会发现他们之间有很多的相似处，是不是两者可以通用呢？我们不要着急先来总结一下他们的相同点和不同点：相同点：可以应用于任何元素不同点：1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。下面代码是正确的： &lt;p&gt;三年级时，我还是一个&lt;span class="stress...
css，id选择器，class选择器，标签选择器
shuhao_Zhang的博客
09-25 894
&lt;head&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;Document&lt;/title&gt;     &lt;style&gt;     .liubei{         color:blue;         font-size: 200;         font-weight: 700;     }        ...
HTML—— Id和Class选择器
Sweet_LH的博客
01-09 1844
class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。要使用CSS对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。class 选择器在 HTML 中以 class 属性表示, 在 CSS 中，类选择器以一个点。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。4.class选择器。
id选择器和class选择器区别
05-01
id选择器和class选择器是CSS中两种常见的选择器，它们的区别如下： 1. 语法不同：id选择器使用#符号加上id名称，例如#myId；class选择器使用.符号加上class名称，例如.myClass。 2. 作用对象不同：id选择器只能作用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值