如何用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 鼠标经过时的
　　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>，这样的话，这个链接的颜色就改变了。