资讯专栏INFORMATION COLUMN

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

tyheist / 2863人阅读

摘要:和的区别相当于人的身份证不可以重复相当于人的名称可以重复一个标签只能绑定一个名称一个标签可以绑定多个名称选择器和选择器的区别选择器是以开头选择器是以开头在企业开发中到底用选择器还是用选择器一般情况下是给使用的,除非特殊情况,否则不要使用去设

1.id和class的区别?

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

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

1.2

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

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

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

id选择器是以#开头

class选择器是以.开头

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

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

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

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

我们应该怎么做呢?

第一种方法:

    

第二种方法:

  

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

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2126.html

相关文章

  • 课时73.后代选择子元素选择理解

    摘要:后代选择器和子元素选择器之间的区别后代选择器使用空格作为连接符号子元素选择器使用作为连接符号后代选择器会选中指定标签中,所有的特定后代标签,也就是会选中儿子孙子,只要是被放到指定标签中的特定标签都会被选中。1.后代选择器和子元素选择器之间的区别? 1.1后代选择器使用空格作为连接符号 子元素选择器使用>作为连接符号 1.2后代选择器会选中指定标签中,所有的特定后代标签,也就是会选中儿子/孙子...

    yangrd 评论0 收藏0
  • 课时74.交集选择理解

    摘要:什么是交集选择器我们首先了解一下什么是交集以前学数学的时候学过交集,其实这里也是一样两个集合有重复的部分就叫做交集作用给所有选择器选中的标签中,相交的那部分标签设置属性格式选择器选择器属性值注意点选择器和选择器之间没有任何连接符号来看一个案1.什么是交集选择器? 我们首先了解一下什么是交集 以前学数学的时候学过交集,其实这里也是一样 两个集合有重复的部分就叫做交集 作用:给所有选择器选中的...

    Scholer 评论0 收藏0
  • 课时72.子元素选择(掌握)

    摘要:什么是子元素选择器作用找到指定标签中所有特定的直接子元素,然后设置属性。子元素选择器可以通过符号一知延续下去1.什么是子元素选择器? 作用:找到指定标签中所有特定的直接子元素,然后设置属性。 格式: 标签名称1>标签名称2{                          属性:值; } 先找到名称叫做标签名称1的标签,然后在这个标签中查找所有直接子元素名称叫做标准名称2的元素    注意...

    Bowman_han 评论0 收藏0
  • 即学即用,轻松搞定这些选择!(上)

    摘要:基本选择器主要包括元素选择器选择器类选择器伪类选择器伪元素选择器通用选择器元素选择器在标准中,元素选择器又称为类型选择器。例如,元素选择器就是声明当前页面中所有的元素的显示效果。 showImg(https://segmentfault.com/img/bVbkWXI?w=900&h=383); 所谓基本选择器是指选择器的名称前面没有其他选择器,即在组成上,基本选择器是单一名称。 基本...

    Jason_Geng 评论0 收藏0
  • web前端(8)—— CSS选择

    摘要:选择器选择器,说白了就是的标签或者其相关特性,在一个页面中会有很多很多的元素,不同的元素可能会有不同的样式,某些元素又需要设置相同的样式,选择器就是用来从页面中查找特定元素的,找到元素之后就可以为它们设置样式了。选择器 选择器,说白了就是html的标签或者其相关特性,在一个HTML页面中会有很多很多的元素,不同的元素可能会有不同的样式,某些元素又需要设置相同的样式,选择器就是用来从HTM...

    番茄西红柿 评论0 收藏0

发表评论

0条评论

tyheist

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<