课时70.id选择器和类选择器(理解)
程序员文章站
2022-07-02 21:04:10
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.在企业开发中一个开发人员对类的使用可以看出这个开发人员的技术水平
在这里做一个练习,设置如下样式
我们应该怎么做呢?
第一种方法:
第二种方法:
这两者在显示样式上没有任何的区别
通过这个可以看出来你有没有开发经验,在以后的开发中,我们可以把公共的东西抽到一个类选择器里,然后让标签和这个类选择器绑定即可,然而这个是有一定前提条件的,在我们以后的开发中会慢慢知道什么时候应该抽取,什么时候不应该抽取。
推荐阅读
-
css3类选择器之结合元素选择器和多类选择器用法
-
课时79.属性选择器上(理解)
-
前端开发HTML&css入门——伪类选择器和一些特殊的选择器
-
理解Windows Phone 7应用程序执行模型,墓碑机制,启动器和选择器及更多内容—Part 3
-
理解Windows Phone 7应用程序执行模型,墓碑机制,启动器和选择器及更多内容—Part 2
-
课时74.交集选择器(理解)
-
理解Windows Phone 7应用程序执行模型,墓碑机制,启动器和选择器及更多内容—Part 1
-
css3 伪元素和伪类选择器详解
-
课时70.id选择器和类选择器(理解)
-
详解如何使用CSS3中的结构伪类选择器和伪元素选择器