课时70.id选择器和类选择器(理解)

Posted luckyshuangshuang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了课时70.id选择器和类选择器(理解)相关的知识,希望对你有一定的参考价值。

1.id和class的区别?

id相当于人的身份证不可以重复

class相当于人的名称可以重复

1.2

一个html标签只能绑定一个id名称

一个HTML标签可以绑定多个class名称

2.id选择器和class选择器的区别?

id选择器是以#开头

class选择器是以.开头

3.在企业开发中到底用id选择器还是用class选择器?

id一般情况下是给js使用的,除非特殊情况,否则不要使用id去设置样式

4.在企业开发中一个开发人员对类的使用可以看出这个开发人员的技术水平

在这里做一个练习,设置如下样式

技术分享图片

我们应该怎么做呢?

第一种方法:

技术分享图片    技术分享图片

第二种方法:

技术分享图片  技术分享图片

这两者在显示样式上没有任何的区别

通过这个可以看出来你有没有开发经验,在以后的开发中,我们可以把公共的东西抽到一个类选择器里,然后让标签和这个类选择器绑定即可,然而这个是有一定前提条件的,在我们以后的开发中会慢慢知道什么时候应该抽取,什么时候不应该抽取。

以上是关于课时70.id选择器和类选择器(理解)的主要内容,如果未能解决你的问题,请参考以下文章

课时74.交集选择器(理解)

id选择器和类选择器

ID选择器和类选择器的合理使用

Web全栈-id选择器和类选择器

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

读《精通css》--第二章基础知识