为了账号安全,请及时绑定邮箱和手机立即绑定

请问在css中id选择器和class选择器的区别?

/ 猿问

请问在css中id选择器和class选择器的区别?

慕仰8121524 2019-08-20 19:15:06

css中id选择器和class选择器的区别


查看完整描述

5 回答

?
慕田峪9158850

1、相同的class属性值,可以在html中出现多次。id属性值在页面中只能出现一次。
2、一个class的属性可以有多个值,也就是说一个标签可以有多个类。
建议尽量使用类选择器。
什么时候使用id选择器:
当能确定当前页面中标签只会出现一次,这时候可以使用id选择器。
如果不能保证相同的作用的标签在页面中只出现一次,那么这时候就选择使用类选择器。

查看完整回答
反对 回复 2019-08-24
?
斯蒂芬大帝

在同一页面内,相同id对象只能出现一次,而相同的class对象却能出现多次,在引用css式样时,id用“#”标记,而class是用“.”标记的。
在script中,只能取得id元素,却不能取得class元素。就这样而已。如下:
在css中:#id{padding:1px;}//为id所引用
.class{margin:15px solid #3d3f3e}//为class所引用
而在script中:只有getElementbyId("name")//假设页面中是id是name

查看完整回答
反对 回复 2019-08-24
?
德玛西亚99

1、不能使用一次是指
<div id="div1"> </div>
div1就是一个已经被使用的id名称,其他的元素比如说
<div id=""> </div>的id名称就不能再使用div1了

2、不能使用id词列表,应该是这个意思,
例如在
<div class ="class1 class2 class2"></div>也就是说class可以等于多个class的列表
对于id来讲 id="div1" 而不能写成id = "div1 div2"这样,即只能有一个id,而不是像class属性那样

至于第三点就不知道作者啥意思了



查看完整回答
反对 回复 2019-08-24
?
蝴蝶刀刀

ID选择器:
1、在html中 id属性是唯一的(数据库、xml啥的id一般也是唯一的),假设你给一个div定义一个id属性即<div id="xx"></div>,则以后的div中我们一般不再使用xx这个编号(这个和3:id能包含更多含义有关);

2、div中不能使用<div id ="xx xx2 xx3"></div>,类选择器可以这样<div class="xx xx2 xx3></div>

3:因为id的唯一性,在javascript中,可以使用getElementById("xx"); 取得对应那个id的对象,也就是那个div,然后就可对那个对应的div进行操作,更改div的height,width啥的都可以,回到第一点,你要是在后面的div中也有id="xx"的话,那个通过id号去就不能唯一确定对应id的那个对象了,
所有id="xx"只能在文档中使用一次

在实际编写html中我们一般多用类选择器,因为类选择器可以重复使用,但要具体对某个对象进行操作,则有ID选择器




查看完整回答
反对 回复 2019-08-24
?
白衣染霜花

id选择器和类选择器的不同之处是:每个div的id名是唯一的,不能相同;而多个div可以使用同一个class名;另外css中,id的符号是用“#”,class的是用“.”;
举个例子:
<div id="a">苹果</div>
<div id="b">雪梨</div>
<div class="aa">apple</div>
<div class="aa">aaa</div>
<div class="aa">bbb</div>
<style >
#a{height:10px;}
#b{height:20px;}
.aa{height:10px;}

</style>



查看完整回答
反对 回复 2019-08-24

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信