在很多方面，ID选择器都类似于类选择符，但也有一些重要的区别：
1、为标签设置id="ID名称"，而不是class="类名称"。
2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。
在示例页面demo.html中就是一个ID选择符的完整实例。
练习
新建示例页面demo.html，示例代码如下：
我也来试试，为第二段文字中的“公开课”三个文字使用ID选择器的方式设置为绿色
1.在示例代码的第16行，输入:
<span id="setGreen">公开课</span>
2.在示例代码中的第10-12行，输入:
#setGreen{
color:green;
}示例代码
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>认识html标签</title>
<style type="text/css">
#stress{
color:red;
}
</style>
</head>
<body>
<h1>勇气</h1>
<p>三年级时，我还是一个<span id="stress">胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<p>到了三年级下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
</body>
</html>
此文章本站原创，地址 https://www.vxzsk.com/1302.html
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程
上一篇：6.2、CSS 类选择器
下一篇：6.4、类和ID选择器的区别
^