id选择器和class选择器
来源:互联网 发布:yii框架连接数据库 编辑:程序博客网 时间:2024/05/16 07:14
网页开发中通过选择器为标签选择指定的样式。
选择器的名字可以由数字、英文、下划线组成,数字不可以作为选择器名称的开头,在企业开发中一般使用英文开头。
id选择器相当于人的身份证,拥有唯一性,在样式表中书写时以“#”开头,加上选择器的id名(如:#id)。因为 id 选择器具有唯一性,所以在企业开发中不会使用 id 名来为标签添加样式。当一个网页中有很多标签需要用到同样的样式时,如果使用id 选择器的话,那么所有的标签都得为其命名,并且样式都得重新书写。所以在企业开发中 id 都是用在JavaScript 中,书写样式时不推荐使用,也容易引起使用JavaScript 的误会。
类选择器:class
class选择器使用很广泛,在样式表中书写以“.”开头,加上选择器的class 名(如:.class)。一个标签只能有一个id 属性,而可以拥有(绑定)多个class 属性,再一个,class 属性可以重复使用,这样避免了网页中有很多重复的样式需要使用时的麻烦。所以在企业开发中都使用class 选择器来指定样式。(格式为:class="one two three",每一个类名都用空格隔开)
用class 选择器时,当两个标签都拥有同样的样式,我们可以同时为它们指定的class ,当两个标签都拥有同样的一部分属性,而另一部分不同于其他样式时,我们可以为它们先指定同一个 class,然后再为它们各自指定不同的样式。(如:<p class="one two"></p><p class="one three"></p>)
0 0
- id选择器和class选择器
- CSS样式,id选择器和class选择器
- css中id选择器和class选择器
- CSS中id选择器和class选择器
- id选择器和class选择器区别
- html id 选择器和 class 选择器
- css - id和class选择器
- 标签选择器,id选择器,class类选择器
- css中id选择器和class选择器的区别?
- css中id选择器和class选择器的区别?
- CSS中的id选择器和class选择器简单介绍
- css中的ID选择器和CLASS选择器的区别
- css中id选择器和class选择器的区别?
- jquery,id选择器和class选择器的效率对比
- jquery id选择器和class选择器的区别
- id、class等选择器
- 3CSS id 和 class 选择器
- 10006---CSS id 和 class 选择器
- Android新特性介绍,ConstraintLayout完全解析
- 九项重要的职业规化
- android圆角listview实现源码
- 大端格式和小端格式
- winodws查询进程所在位置
- id选择器和class选择器
- OJ-1003 Redraiment的遭遇
- Caffe(1)-安装
- spark streaming去重
- Eclipse中给jar包导入JavaDoc的方法
- 【Dongle】【Java】无网络下实现本机收发邮件配置
- layout-land横屏和layout-port竖屏
- node.js实战学习笔记04--异步任务的串行化执行
- puppet 配置 3.5 参数