选择器的区别

Posted 2020-10-30 jinhui666

ID选择器
1：只能在文档中使用一次。
2：不能使用 ID 词列表。
3：ID 能包含更多含义

 

1、不能使用一次是指
<div id="div1">  </div>
div1就是一个已经被使用的id名称，其他的元素比如说
<div id=""> </div>的id名称就不能再使用div1了
ID选择器只能在文档中使用一次。与类选择器不同，在一个html文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。
2、不能使用id词列表，应该是这个意思,
例如在
<div class ="class1 class2  class2"></div>也就是说class可以等于多个class的列表
对于id来讲  id="div1"  而不能写成id = "div1  div2"这样，即只能有一个id，而不是像class属性那样
可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的

。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>