码迷,mamicode.com
首页 > 其他好文 > 详细

选择器的区别

时间:2018-04-09 13:07:01      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:apple   方法   例子   属性   app   不可   名称   round   back   

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>

选择器的区别

标签:apple   方法   例子   属性   app   不可   名称   round   back   

原文地址:https://www.cnblogs.com/jinhui666/p/8758860.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!