[转载]CSS<a href>链接样式冲突解决方法！

给自己这个初学者看的！

原文地址：CSS<a  href>链接样式冲突解决方法！作者：叶朗

 这里我简要的说一下：关于a href样式冲突

首先我有一个外部CSS样式文件（index.css）里面直接用a:link a:active直接写了

而网站首页和其他栏目页都调用<link href="css/index.css" rel="stylesheet" type="text/css" />，但是我想再在首页加上新的链接并且写了新的样式，但是新的样式不管用，因为首页也调用<link href="css/index.css" rel="stylesheet" type="text/css" />，因为之前只考虑方便，没考虑后来的优先级的问题。

这样一来就把我整个网站的a href样式给定死了。不方便以后更忙CSS样式！

解决方法如下：

假如你第一次写的是

a:link {  font-family: Verdana, Arial, Helvetica, sans-serif;  color: #333333;  text-decoration: none;  font-size: 12px;}

a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif;  text-decoration: none;  color: #333333;  font-size: 12px;  font-weight: normal; }

a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif;  text-decoration: none;  color:#06C;  font-size: 12px;  font-weight: normal;}

a:active {  font-family: Verdana, Arial, Helvetica, sans-serif;  text-decoration: none;  color: #333333;  font-size: 12px;    font-weight: normal; }

那么你想更忙一个地方的<a href>样式。就这样写：

这是网站文件<a href="index.asp" class="a3">

还要在CSS里加入

a.a3:link {  font-family: Verdana, Arial, Helvetica, sans-serif;  color:#000000;  text-decoration: none;  font-size: 12px;  line-height: 18px;  font-weight: normal; }

a.a3:visited {  font-family: Verdana, Arial, Helvetica, sans-serif;  text-decoration: none;  color:#000000  font-size: 12px;   }

a.a3:hover {  font-family: Verdana, Arial, Helvetica, sans-serif;  text-decoration: underline;  font-weight: normal;  color: #009966;  font-size: 12px;   } a.a3:active {  font-family: Verdana, Arial, Helvetica, sans-serif;  text-decoration: none;  color:#FF0000;  font-size: 12px;  font-weight: normal; }