给自己这个初学者看的!
这里我简要的说一下:关于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; }