网页上的超链接的默认样式,总是会不符合我们的要求,所以我们经常要设置我们的页面的超链接样式。
如:
a:link {
color: #CCCCCC;
text-decoration:none;
}
a:visited {
color: #CCCCCC;
text-decoration:none;
}
a:hover {
color: #CCCCCC;
text-decoration:underline;
}
a:active {
color: #CCCCCC;
text-decoration:none;
}
但这样的写的结果是,网页上所有的超链接都变成指定的样式了,怎样才能让个别超链接应用我们所需要的样式呢?
我们可以给链接增加一个Class属性如:
<a class="bottom_menu_link" href="test.html"></a>
然后样式这样写:
a.bottom_menu_link:link {
color: #CCCCCC;
text-decoration:none;
}
a.bottom_menu_link:visited {
color: #CCCCCC;
text-decoration:none;
}
a.bottom_menu_link:hover {
color: #CCCCCC;
text-decoration:underline;
}
a.bottom_menu_link:active {
color: #CCCCCC;
text-decoration:none;
}
这样就可以让特定的链接,应用新的样式了。