<style type='text/css'>
/* ★IDによるリンクのスタイル指定 */
#link1 a { text-decoration:underline; color:orange; }
#link1 a:hover { text-decoration:underline; color:gray; }
/* ★ID、クラスによるリンクのスタイル指定 */
/* cls1クラス */
#link1 a.cls1 { text-decoration:none; color:skyblue; }
#link1 a.cls1:hover { text-decoration:underline; color:skyblue; }
/* cls2クラス */
#link1 a.cls2 { text-decoration:none; color:blue; }
#link1 a.cls2:hover { text-decoration:overline; color:blue; }
</style>
<div id='link1'>
<a href='#'>リンク</a>
<a href='#' class='cls1'>リンク（cls1）</a>
<a href='#' class='cls2'>リンク（cls2）</a>
</div>