用class對元素進行分類：
你可以通過在樣式表里利用.classname來為屬于某一類 的元素定義CSS屬性。
——————————————————————————————————————–

<p>制造白葡萄酒的葡萄：</p>
<ul>
<li><a href=”ri.htm”>雷司令（Riesling）</a></li>
<li><a href=”ch.htm”>夏敦埃（Chardonnay）</a></li>
<li><a href=”pb.htm”>白比諾（Pinot Blanc）</a></li>
</ul>
<p>制造紅葡萄酒的葡萄：</p>
<ul>
<li><a href=”cs.htm”>卡百內索維農（Cabernet Sauvignon）</a></li>
<li><a href=”me.htm”>墨爾樂（Merlot）</a></li>
<li><a href=”pn.htm”>黑比諾（Pinot Noir）</a></li>
</ul>

現在，我們希望白葡萄酒的鏈接全部顯示為黃色，紅葡萄酒的鏈接全部顯示為紅色，其余的
鏈接顯示為缺省的蘭色。
利用class：

<p>制造白葡萄酒的葡萄：</p>
<ul>
<li><a href=”ri.htm” class=”whitewine”>雷司令（Riesling）</a></li>
<li><a href=”ch.htm” class=”whitewine”>夏敦埃（Chardonnay）</a></li>
<li><a href=”pb.htm” class=”whitewine”>白比諾（Pinot Blanc）</a></li>
</ul>
<p>制造紅葡萄酒的葡萄：</p>
<ul>
<li><a href=”cs.htm” class=”redwine”>卡百內索維農（Cabernet Sauvignon）</a></li>
<li><a href=”me.htm” class=”redwine”>墨爾樂（Merlot）</a></li>
<li><a href=”pn.htm” class=”redwine”>黑比諾（Pinot Noir）</a></li>
</ul>

css:

a {
color: blue;
}
a.whitewine {
color: #FFBB00;
}
a.redwine {
color: #800000;
}

說明：a代表a標簽，a.whitewin代表引用a標簽的whitewin類。
必須要注明是哪個標簽，這與id不同，因為id是唯一的，所 以id直接引用就OK了
用id標示元素：
在同一HTML文檔中不能有兩個具有相同id值的元素。文檔中的每個id值都必須是唯一的。
你可以在樣式表里通過#id為特定元素定義CSS屬性。
———————————————————————————————————————-