取个唯一标识 - ID选择器，初识HTML(5)+CSS(3)-升级版教程-慕课网

8-4 取个唯一标识 - ID选择器

本节编程练习不计算学习进度，请电脑登录imooc.com操作

取个唯一标识 - ID选择器

这一小节我们来学习ID选择器了，那么ID选择器如何使用呢?

我们也能实现让div字体变成红色的效果:

技术点的解释：

1、使用ID选择器，必须给标签添加上id属性，为标签设置id="ID名称"，而不是class="类名称"。

2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。

3、id属性的值既为当前标签的id，尽量见名思意，语义化。

任务

我也试试，为第二段文字中的“公开课”三个文字使用ID选择器的方式设置为绿色

index.html

<!DOCTYPE html>
<html>
 
<head>
    <meta 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>