zoukankan      html  css  js  c++  java
  • [转载]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; }

  • 相关阅读:
    js三大弹出消息框
    HDU
    BZOJ 1101 Zap 莫比乌斯反演
    竞赛常用STL备忘录
    K-query SPOJ
    HDU 3333 Turing Tree 离线 线段树/树状数组 区间求和单点修改
    2018 Multi-University Training Contest
    多校补完计划 2017-02
    CodeForces 931C Laboratory Work 水题,构造
    CodeForces 937D 936B Sleepy Game 有向图判环,拆点,DFS
  • 原文地址:https://www.cnblogs.com/likaixuan/p/4410233.html
Copyright © 2011-2022 走看看