在CSS中选择器的方法有三种:
- 直接使用标签进行选择
div{}
- class选择器(类选择器),使用标签的class名选择
<div class="box"></div>
css中选中这个标签使用.box{}
- id选择器
<div id="box"></div>
css中选中这个标签使用#box{}
class和id是什么?
- class:表示类,在css中使用
点
来选择标签添加样式,class可以在一个页面中重复出现,可以多次命名,如果不同个div使用相同的class来命名,在css中使用这个类名来选中标签时,会同时选中以这个类名起名的所用标签. - id:id表示标签的身份信息,举个例子在生活中每个人都有名字和对应的身份证号码,如果说名字是class,那么每个人的身份证号码就代表着id,名字可以重复,可以遇到相同名字的人,而身份证号码每个人只有一个,独一无二,使用id命名时要注意,一个页面中一个id的名字只能出现一次,不可以重复使用.
一般在css中都是用class名来选中标签添加样式,在js脚本中,使用id命名来获取元素
简述class和id的区别是什么?
- 同一个class名,可以多次使用
- 同一个标签,可以有多个class名
- 同一个id名,在一个页面只能用一次
- 同一个标签,只能有一个id名