Heim > Web-Frontend > HTML-Tutorial > 点击链接后恢复链接文字的颜色_html/css_WEB-ITnose

点击链接后恢复链接文字的颜色_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:14:33
Original
2247 Leute haben es durchsucht

访问页面,链接初始颜色为“黑色”,当鼠标悬停在链接上时,颜色改变,当点击链接后颜色又恢复成黑色???

css样式:
a:link {color: #666666;text-decoration: none;}
a:visited {text-decoration: none;color: #666666;}
a:hover {text-decoration: underline;color: #000000;}
a:active {text-decoration: none;color: #666666;}

页面中的链接:

  • 车险首页

  • 网上投保

  • 理赔中心

  • 客户服务

  • 我的车险

  • 回复讨论(解决方案)

    a:link {color: #666666;text-decoration: none;}
    a:hover {text-decoration: underline;color: #000000;}
    定义这两个伪类即可达到目的。



    以下两个可以忽略
    a:visited {text-decoration: none;color: #666666;}
    a:active {text-decoration: none;color: #666666;}

    如果不去掉下边的两个样式,还有别的方法吗?(这些css样式是放在一个单独公用的css文件中的,不能轻易修改)
    a:visited {text-decoration: none;color: #666666;}
    a:active {text-decoration: none;color: #666666;}
     

    如果不去掉下边的两个样式,还有别的方法吗?(这些css样式是放在一个单独公用的css文件中的,不能轻易修改)
    a:visited {text-decoration: none;color: #666666;}
    a:active {text-decoration: none;color: #666666;}
     

    不去掉的话,访问过的链接就会是灰色一直保留到你的清理缓存后。

    不能在特定的一个页面上的元素上单独添加样式,以覆盖css文件的样式吗???

    如果不去掉下边的两个样式,还有别的方法吗?(这些css样式是放在一个单独公用的css文件中的,不能轻易修改)
    a:visited {text-decoration: none;color: #666666;}
    a:active {text-decoration: none;color: #666666;}
    如果这个文件不能动,那你就只能再写个文件,定义一个比这个文件更接近你目标连接的class或者伪类来覆盖这个文件的样式。比如,你的a标签加个id=a1,新的css文件里定义个a#a1{..},这样可以达到效果。
    提醒lz:如果是团队项目而且你不是设计者,建议你按照人家设定好的来做,不要画蛇添足。

    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage