如何用CSS设置两种不同的链接颜色

Question

我先使用这段代码进行整体的定义
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #33CCFF;
}
a:active {
text-decoration: none;
}

然后在网页中有几个链接我想让他的颜色不一样.然后我就在CSS里又写了一句
a.blueherf:link{
color:#0066FF
}
然后在网页里写
<a class="blueherf" herf="#">123123</a>

但是这个链接的颜色还是和别的一样,blueherf没有起作用.为什么.?
去掉了:link不行...不过加上!impoartant;就可以了..
另外我想问.如果我要改变的是:hover状态下的颜色的话.怎么办?
还有.IE不是不支持!impoartant属性吗?(我看w3school上说的..)

Answer 1

css可定义的链接样式有如下几种：　　a:link 超链接的普通样式　　a:visited 点击过的　　a:hover&nbsp;鼠标经过时的　　a:active 单击时　　a:link{text-decoration:none;} 无下划线　　a:link{text-decoration:underline;} 有下划线　　为了实现不同链接不同效果，可以专门定义链接的CSS规则，比如：　　我们常规css是这样的：　　a:link{color:#ff0000}　　那么网页上所有链接的颜色都是：#ff0000。　　然后可以这样去修改：　　a:link{color:#ff0000}　　.line1 a:link{color:#000000}　　同时，在要改变颜色的链接前加上css定义，像这样：<span class=line1><a href="/">不同颜色的超链接</a></span>，这样的话，这个链接的颜色就改变了。