[转载]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; }

原文地址:https://www.cnblogs.com/likaixuan/p/4410233.html