单个超链接样式的的定义

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

一、继承：

比如说：全站的 超链接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>效果是一样的。

具体的可以参照 w3cshool 的说明。

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