关于超链接的样式的设计

 

网页上的超链接的默认样式，总是会不符合我们的要求，所以我们经常要设置我们的页面的超链接样式。

 

如：

 

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;
}

 

这样就可以让特定的链接，应用新的样式了。