html id 选择器和 class 选择器
来源:互联网 发布:知乎经典回复 编辑:程序博客网 时间:2024/05/29 19:01
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>id选择器和class选择器</title>
<style>
/*
.para1{
color:red;
font-size:20px;
}
.para2{
font-size:20px;
text-decoration:underline;
}
.para3{
text-decoration:underline;
color:red;
}
*/
.colorR{
color:red;
}
.size30{
font-size:30px;
}
.line{
text-decoration:underline;
}
</style>
</head>
<body>
<!--
1.id和class的区别?
1.1
id相当于人的身份证不可以重复
class相当于人的名称可以重复
1.2
一个HTML标签只能绑定一个id名称
一个HTML标签可以绑定多个class名称
2.id选择器和class选择器区别?
id选择器是以#开头
class选择器是以.开头
3.在企业开发中到底用id选择器还是class选择器?
id一般情况下是给js使用的,所以除非特殊情况,否则不要使用id去设置样式
4.在企业开发中一个开发人员对类的使用可以看出这个开发人员的技术水平
一般情况下企业开发中要注意冗余代码的抽取,可以将一些公共的代码抽到一个类选择器中
-->
<!--<p class="para1">第一段文字</p>
<p class="para2">第一段文字</p>
<p class="para3">第一段文字</p>-->
<p class="colorR size30">第一段文字</p>
<p class="size30 line">第一段文字</p>
<p class="line colorR">第一段文字</p>
</body>
</html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>id选择器和class选择器</title>
<style>
/*
.para1{
color:red;
font-size:20px;
}
.para2{
font-size:20px;
text-decoration:underline;
}
.para3{
text-decoration:underline;
color:red;
}
*/
.colorR{
color:red;
}
.size30{
font-size:30px;
}
.line{
text-decoration:underline;
}
</style>
</head>
<body>
<!--
1.id和class的区别?
1.1
id相当于人的身份证不可以重复
class相当于人的名称可以重复
1.2
一个HTML标签只能绑定一个id名称
一个HTML标签可以绑定多个class名称
2.id选择器和class选择器区别?
id选择器是以#开头
class选择器是以.开头
3.在企业开发中到底用id选择器还是class选择器?
id一般情况下是给js使用的,所以除非特殊情况,否则不要使用id去设置样式
4.在企业开发中一个开发人员对类的使用可以看出这个开发人员的技术水平
一般情况下企业开发中要注意冗余代码的抽取,可以将一些公共的代码抽到一个类选择器中
-->
<!--<p class="para1">第一段文字</p>
<p class="para2">第一段文字</p>
<p class="para3">第一段文字</p>-->
<p class="colorR size30">第一段文字</p>
<p class="size30 line">第一段文字</p>
<p class="line colorR">第一段文字</p>
</body>
</html>
阅读全文
0 0
- html id 选择器和 class 选择器
- id选择器和class选择器
- HTML中id选择器和class选择器的区别(为什么id选择器不能重复)
- CSS样式,id选择器和class选择器
- css中id选择器和class选择器
- CSS中id选择器和class选择器
- 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 选择器
- 自定义ToolBar
- Leetcode 415. Add Strings
- 初始化与清理
- Git本地项目添加到远程代码库
- Parameter 'offset' not found. Available parameters are [arg1, arg0, param1, param2]
- html id 选择器和 class 选择器
- 30 多年的软件经验,总结出 10 个编写出更好代码的技巧
- 各种加密和解密算法的实现
- 图像处理与计算机视觉的经典书籍
- JAVA的免费天气API接口调用示例
- ERROR 1067 (42000): Invalid default value for .....
- Maven打包找不到父工程jar包
- webpack--概念1--介绍
- linux下C语言读MP3 的id tag,算出播放时间