4-6. id选择器和类选择器
2017-11-17 本文已影响13人
一Left一
1、id和class的区别?
-
id相当于人的身份证不可以重复
-
class相当于人的名称可以重复
-
一个HTML标签只能绑定一个id名称
-
一个HTML标签可以绑定多个class名称
2、id选择器和class选择器区别?
id选择器是以#开头
class选择器是以.开头
3、在企业开发中到底用id选择器还是用class选择器?
id一般情况下是给js使用的, 所以除非特殊情况, 否则不要使用id去设置样式
4、在企业开发中一个开发人员对类的使用可以看出这个开发人员的技术水平
一般情况下在企业开发中要注重冗余代码的抽取, 可以将一些公共的代码抽取到一个类选择器中, 然后让标签和这个类选择器绑定即可。
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*
id和类选择器
1. 格式: id: #id值 ; 类选择器: .类名
2. 个数: id: 最多一个; 类: 可以有多个
3. 应用场景: id 使用较少, 类使用广泛
*/
.red{
color: red;
}
.ita{
font-style: italic;
}
.size{
font-size: 10px;
}
</style>
</head>
<body>
<p class="red">我是红色</p>
<p class="size">我是10号字</p>
<p class="ita red">我是斜体红色</p>
<p class="size ita">我是10号斜体</p>
</body>
图片.png
