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

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

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

小怪兽爱吃肉 2019-08-20 19:15:06
css中id选择器和class选择器的区别
查看完整描述

5 回答

?
慕田峪9158850

TA贡献1794条经验 获得超7个赞

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

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

TA贡献1770条经验 获得超3个赞

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
?
蝴蝶刀刀

TA贡献1801条经验 获得超8个赞

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
  • 5 回答
  • 0 关注
  • 1877 浏览

添加回答

举报

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