课时70.id选择器和类选择器(理解)
程序员文章站
2022-03-23 16:54:50
1.id和class的区别? id相当于人的身份证不可以重复 class相当于人的名称可以重复 1.2 一个HTML标签只能绑定一个id名称 一个HTML标签可以绑定多个class名称 2.id选择器和class选择器的区别? id选择器是以#开头 class选择器是以.开头 3.在企业开发中到底用 ......
1.id和class的区别?
id相当于人的身份证不可以重复
class相当于人的名称可以重复
1.2
一个HTML标签只能绑定一个id名称
一个HTML标签可以绑定多个class名称
2.id选择器和class选择器的区别?
id选择器是以#开头
class选择器是以.开头
3.在企业开发中到底用id选择器还是用class选择器?
id一般情况下是给js使用的,除非特殊情况,否则不要使用id去设置样式
4.在企业开发中一个开发人员对类的使用可以看出这个开发人员的技术水平
在这里做一个练习,设置如下样式
我们应该怎么做呢?
第一种方法:
第二种方法:
这两者在显示样式上没有任何的区别
通过这个可以看出来你有没有开发经验,在以后的开发中,我们可以把公共的东西抽到一个类选择器里,然后让标签和这个类选择器绑定即可,然而这个是有一定前提条件的,在我们以后的开发中会慢慢知道什么时候应该抽取,什么时候不应该抽取。
上一篇: [日常] 算法-单链表的创建
下一篇: 挪威主权财富基金考虑禁投研发杀人机器企业
推荐阅读
-
课时79.属性选择器上(理解)
-
前端开发HTML&css入门——伪类选择器和一些特殊的选择器
-
理解Windows Phone 7应用程序执行模型,墓碑机制,启动器和选择器及更多内容—Part 3
-
理解Windows Phone 7应用程序执行模型,墓碑机制,启动器和选择器及更多内容—Part 2
-
课时74.交集选择器(理解)
-
理解Windows Phone 7应用程序执行模型,墓碑机制,启动器和选择器及更多内容—Part 1
-
css3 伪元素和伪类选择器详解
-
课时70.id选择器和类选择器(理解)
-
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
-
CSS选择器(通配符选择器、标签选择器、类选择器、id选择器、群组选择器、后代选择器、子元素选择器和相邻元素选择器)