Question

HTML语言怎么设置不同样式的超链接

网页制作中``想使用不同样式的超链接``是用CSS样式表吗``
我用了可是还是不行啊

Answer 1

伪类：
A.a1:link {color: #4A5C6C;text-decoration: none;}
A.a1:visited {color: #4A5C6C;text-decoration: none;}
A.a1:active {color: #222222;text-decoration: none;}
A.a1:hover {color: #000000;text-decoration: none;}
A.a2:link {color: #000000;text-decoration: none;}
A.a2:visited {color: #000000;text-decoration: none;}
A.a2:active {color: #000000;text-decoration: none;}
A.a2:hover {color: #336699;text-decoration: none;}

引用：
<a href="#" class="a1"></a><a href="#" class="a2"></a>
你想设置多少种都可以！

Answer 2

通过css中的伪类
比如
a:hover{text-decoration:none;}
hover表示鼠标划过链接时的状态，text-decoration:none表示此时链接下面没有下划线。
还有a:active为鼠标按下时链接的状态，a:visited表示链接点击过后的状态。
可以参考一下css的手册啊。里面都有

Answer 3

是的，但是并不是设置.a 来实现的，而是通过伪类来实现的，。伪类的作用就好像一个小容器，你可以对容器内的东西进行设置。他的优先级别是高于你对整个页面所设的css的

Answer 4

伪类：

A.a1:link {color: #4A5C6C;text-decoration: none;}

A.a1:visited {color: #4A5C6C;text-decoration: none;}

A.a1:active {color: #222222;text-decoration: none;}

A.a1:hover {color: #000000;text-decoration: none;}

A.a2:link {color: #000000;text-decoration: none;}

A.a2:visited {color: #000000;text-decoration: none;}

A.a2:active {color: #000000;text-decoration: none;}

A.a2:hover {color: #336699;text-decoration: none;}

引用：

<a href="#" class="a1"></a><a href="#" class="a2"></a>

Answer 5

引用jbp66bbe2588f的回答：
伪类：
A.a1:link {color: #4A5C6C;text-decoration: none;}
A.a1:visited {color: #4A5C6C;text-decoration: none;}
A.a1:active {color: #222222;text-decoration: none;}
A.a1:hover {color: #000000;text-decoration: none;}
A.a2:link {color: #000000;text-decoration: none;}
A.a2:visited {color: #000000;text-decoration: none;}
A.a2:active {color: #000000;text-decoration: none;}
A.a2:hover {color: #336699;text-decoration: none;}

引用：
<a href="#" class="a1"></a><a href="#" class="a2"></a>
你想设置多少种都可以！

a:hover.a1应该这样写好象