Question

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

我先使用这段代码进行整体的定义
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 鼠标经过时的
　　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>，这样的话，这个链接的颜色就改变了。

Answer 2

关于
a.blueherf{
color:#0066FF !important;
}
这个是正确的，我就不重提了。接着回答剩下的问题

a.blueherf:hover{color:XXX;}就可以了

第3个。w3school我个人没看过，不过相信是你自己没看仔细，断章取义。
IE7、IE8、FF、Opera、Safari都支持 important，所以，正确说法是IE7以下不支持!important

有疑问的话，百度Hi联系吧，加油

Answer 3

后面不需要:link, 仅仅a.blueherf就好了。如果实在不行就在color后加一个!important:

a.blueherf{
color:#0066FF !important;
}

Answer 4

1. 为a标签添加不同的css

2. 然后各自设定 color和 text-decoration: underline;
   

Answer 5

hover的颜色定义与link一样，ie是不能识别important，