课时69.类选择器（掌握）

Posted 2020-11-17 luckyshuangshuang

id选择器和标签选择器一样，都有一些缺陷，它有什么缺陷呢？

1.设置样式不会使用id，因为如果学到js，就会发现，js通过id拿到标签，再进行一些后续都操作

2.id有一个特点，同一个界面中id不能重复，如果以后给企业开发，同一个界面可能有上千个标签，如果给每一个标签都起一个名字可能要起上千个名字，而在开发中，起名字是一个很难的事情，怎么解决这个问题呢，就要用到我们这节课学的知识，类选择器。

1.什么是类选择器？

作用：根据指定的类名称找到对应的标签，然后设置属性，而在我们的html中，每一个标签除了都有id属性以外，还有一个class属性。

格式：

.类名{

属性：值；

}

注意点：
1.每个HTML标签都有一个属性叫做class，也就是说每个标签都可以设置类名。

2.在同一个界面中class的名称是可以重复的

3.在编写class选择器时一定要在class名称前面加上 .

4.类名的命名规范在和id名称的命名规范一样

5.类名称就是专门用来给某个特定的标签设置样式的

6.在HTML中每个标签都可以同时绑定多个类名

格式：

<标签名称 class="类名1     类名2   .......">

错误的写法：

<p class="para1" class="para2">我是段落</p>