怎么定义单个超链接的样式

怎么定义单个超链接的样式？一直在烦恼这个问题，但也没认真对待。今天小总结下吧。想定义某个超链接的样式，方法有两种：

一、继承：

比如说：全站的超链接css为

a {text-decoration:none;color:yellow;}  
a:hover {color:#red;text-decoration:underline;}

超链接颜色为 黄色无下划线。

你有个DIV<div class=”box”><a href=”#”>我是超链接</a></div>

其中box css为 .box{font-size:25px; width:100px;}

重点来了：想改变超链接样式 就这样写：

.box a{text-decoration:underline;color:blue;}：此处超链接就变为蓝色有下划线

同样：.box a:hover {color:#green;text-decoration:none;} 点击之后为 ，绿色无下划线。

二、伪类

这个直接在这样写  a.blue {text-decoration:underline;color:blue;}  然后在 <div class=”box”><a class =“blue” href=”#”>我是超链接</a></div>效果是一样的。

一些小问题不理请用的时候就很纠结，能修改了，但心里老是怪怪的。可能是不太常用的缘故吧。现在理清了，也算个备忘吧。