课时69.类选择器(掌握)

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>

原文地址:https://www.cnblogs.com/luckyshuangshuang/p/9164010.html