<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>id选择器</title>
<style>
#identity1{
color:red;
}
#identity2{
color:green;
}
#identity3{
color:gray;
}
#identity4{
color:orange;
}
</style>
</head>
<body>
<!--
1.什么是id选择器
作用:根据指定的id名称找到对应的标签,然后设置属性
格式:
# id名称{
属性:值;
}
注意点:
1.每个HTML标签都有一个属性叫做id,也就是说每个标签都可以设置id
2.在用一个界面中id的名称是不可以重复的
3.在编写id选择器时一定要加#
4.id的名称是有一定的规范的
4.1 id的名称只能有数字/字母/下划线a-z 0-0 _
4.2 名称不能以数字开头
4.3 id名称不能是HTML的标签名称,不能是a,H1 IMG INPUT ...
4.4 在企业开发中一般情况下如果仅仅是设置样式,我们不会使用id,因为在前端开发中id是留给js使用的
-->
<p id="identity1">迟到毁一生</p>
<p id="identity2">早退穷三代</p>
<p id="identity3">按时上下班</p>
<p id="identity4">必成高富帅</p>
</body>
</html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>id选择器</title>
<style>
#identity1{
color:red;
}
#identity2{
color:green;
}
#identity3{
color:gray;
}
#identity4{
color:orange;
}
</style>
</head>
<body>
<!--
1.什么是id选择器
作用:根据指定的id名称找到对应的标签,然后设置属性
格式:
# id名称{
属性:值;
}
注意点:
1.每个HTML标签都有一个属性叫做id,也就是说每个标签都可以设置id
2.在用一个界面中id的名称是不可以重复的
3.在编写id选择器时一定要加#
4.id的名称是有一定的规范的
4.1 id的名称只能有数字/字母/下划线a-z 0-0 _
4.2 名称不能以数字开头
4.3 id名称不能是HTML的标签名称,不能是a,H1 IMG INPUT ...
4.4 在企业开发中一般情况下如果仅仅是设置样式,我们不会使用id,因为在前端开发中id是留给js使用的
-->
<p id="identity1">迟到毁一生</p>
<p id="identity2">早退穷三代</p>
<p id="identity3">按时上下班</p>
<p id="identity4">必成高富帅</p>
</body>
</html>