学习用元素、类和 id 选择器精确定位元素，然后为它们应用颜色。
在 Kodokon 中打开本课选择器是 CSS 规则中指明要为哪些元素设定样式的部分。最简单的是元素选择器：你写下标签名，不带尖括号。p 针对每一个段落，h1 针对每一个顶级标题。这很好用，但有时范围太宽：如果你想只给十个段落中的一个上色呢？这就轮到类和 id 出场了。
类是你用 class 属性附加到一个或多个 HTML 元素上的标签。在 CSS 一侧，你用一个点来定位它：.important 会选中每一个带有 class="important" 的元素。id 是一个唯一的标签：它在每个页面上只能出现一次，例如放在页头上。在 CSS 一侧，你用一个井号来定位它：#header。
<h1 id="main-title">My cooking blog</h1>
<p class="highlight">Recipe of the day: the pie.</p>
<p>A perfectly ordinary paragraph.</p>
<p class="highlight">Tip: preheat the oven.</p>#main-title {
color: darkgreen;
}
.highlight {
background-color: yellow;
}
p {
color: black;
}在这个例子里，标题变成深绿色，两个标着 highlight 的段落获得黄色背景（background-color 设置背景颜色），而每个段落的文字都是黑色。记住这个区别：类可以复用在任意多个元素上，而 id 在页面内是唯一的。拿不准时，用类。
现在来说说颜色。CSS 接受多种写法。颜色名称（red、blue、orange……）简单但有限。十六进制写法以 # 开头，后跟六个字符，用来调配红、绿、蓝的分量：#ff0000 是纯红色。最后，rgb() 写法用 0 到 255 的数字表达同样的分量：rgb(255, 0, 0) 也是纯红色。
.highlight {
color: tomato;
background-color: #fff3cd;
}
#main-title {
color: rgb(0, 100, 0);
}class="menu" 的元素？