CSS定义超链接四个状态的正确顺序L-V-H-A

问说网 · 发布于 2017-04-08 · 字数897 · 浏览 890 · 评论 0

css定义超链接是要有先后顺序的。否则,在某些浏览器里面有可能会出现某个样式不起作用的bug。不能正确显示想要的效果。

CSS属性的排列顺序: L-V-H-A 。

L-V-H-A是link、visited、hover、active的简写。

它们分别表示

A:link 超链接的默认样式

A:visited 访问过的(已经看过的)链接样式

A:hover 鼠标处于鼠标悬停状态的链接样式

A:active 当鼠标左键按下时,被激活(就是鼠标按下去那一瞬间)的链接样式。

正常顺序如下:

代码如下:

a:link{color:#333 ;text-decoration:none ; }

a:visited { color:#333 ;text-decoration:none ;}

a:hover { color:#FF6600 ;text-decoration:underline ;}

a:active {text-decoration:none ; color:#FF6600 ;text-decoration:none ; }

日常工作我们这样写即可。

代码如下:

a {color:#252525; text-decoration:none;}

a:visited {text-decoration:none;}

a:hover {color:#ba2636;text-decoration:underline;}

a:active {color:#ba2636;}

现在大家在看 是不是 简单,明了。

本文系作者 问说网 授权问说网发表,并经问说网编辑,转载请注明出处和 本文链接

相关文章

  • 2016-04-05ScrollMagic.Controller
  • 2016-10-03Blogify简约扁平化博客主题PSD模板
  • 2016-10-21多彩好看的淘宝销售标签箭头EPS素材
  • 2016-12-26恒创主机2017跨年盛典 主机/云服务器/独立服务器买就送
  • 2017-02-17问说网站长分享提升WordPress访问速度优化
  • 2017-04-01Wordpress固定链接伪静态的设置方法
  • 2017-04-04java中的Runable和Thread
  • 2017-04-05解决mysql无法远程访问的问题
  • 发布评论

    为您推荐

    恒创科技-葵兴机房上线 香港服务器终身半价 低至550元/月
    问说网 · 发布于 2016-08-23

    恒创科技-葵兴机房上线 香港服务器终身半价 低至550元/月

    最近恒创科技香港SonderCloud二期机房——葵兴机房正式投入运营,特地开展“香港服务器终身半价预订”活动。预订服务器,享受新购和续费终身半价的优惠,8G内…

    多彩好看的淘宝销售标签箭头EPS素材
    问说网 · 发布于 2016-10-21

    多彩好看的淘宝销售标签箭头EPS素材

    恒创主机2017跨年盛典 主机/云服务器/独立服务器买就送
    问说网 · 发布于 2016-12-26

    恒创主机2017跨年盛典 主机/云服务器/独立服务器买就送

    恒创这次跨年促销,活动力度大,活动产品多。国内/香港/韩国/美国所有节点,新购/续费多重福利,满390元送小米VR眼镜。还可以免费抽奖,蓝牙耳机,小米充电宝等。

    问说网 · 发布于 2017-02-17

    问说网站长分享提升WordPress访问速度优化

    问说网创建也有5年了,最开始并不是使用的WordPress,是使用国内的DedeCMS开源程序,中间被黑客入侵了就换成了WordPress一直用到现在,随着文章…

    问说网 · 发布于 2017-04-01

    WordPress固定链接伪静态的设置方法

    今天,想着在我机器上测试一下wordpress,虽然之前也有这个开源的程序,可是一直没有安装呢,再加上最近一直忙于其他的工作,也忽略了不少,突然想建立一个属于自…

    问说网 · 发布于 2017-04-04

    java中的Runable和Thread

    在java中可有两种方式实现多线程,一种是继承Thread类,一种是实现Runnable接口;Thread类是在java.lang包中定义的。一个类只要继承了T…

    问说网 · 发布于 2017-04-05

    解决mysql无法远程访问的问题

    问题描述 1.windows 2003 server 32bit+IIS+护卫神+安全狗+navicat 2.root@%已配置 3.干掉护卫神,安全狗,防火墙…

    问说网 · 发布于 2017-04-19

    ASP.NET MVC 4 中的JSON数据交互的方法

    前台Ajax请求很多时候需要从后台获取JSON格式数据,一般有以下方式: 拼接字符串 1 return Content("{\"id\":\"1\",\"nam…

    问说网手机版

    躺着 站着 跪着轻松访问

    更多详情 关于作者

    问说网

    问说网分享与设计有关的文章素材界面和作品,提供设计教程、素材分享、界面欣赏、编程设计、设计书籍、设计师导航等内容,你可以在这里阅读、学习、分享、交流。

    13130 文章
    495 评论
    2031 人气

    更多 热门话题

    APP界面

    关注 APP界面

    文章 41506 · 浏览 2562

    APP欣赏

    关注 APP欣赏

    文章 41427 · 浏览 2417

    APP手机界面

    关注 APP手机界面

    文章 41417 · 浏览 2464

    图片素材

    关注 图片素材

    文章 29463 · 浏览 1950

    高清图片

    关注 高清图片

    文章 26530 · 浏览 2133

    更多 推荐作者

    关注 秋天的孤寂

    文章 99 · 评论 0

    关注 惢碎葬爱

    文章 96 · 评论 0

    关注 倾听寂寞

    文章 83 · 评论 0

    关注 溫柔的溫柔

    文章 91 · 评论 0

    关注 莪很迷茫

    文章 97 · 评论 0

    关注 流浪的脚步

    文章 86 · 评论 0

    
    顶部 反馈 评论 底部

    意见反馈

    感谢您对问说网的支持,提出您在使用过程中遇到的问题或宝贵建议,您的反馈对我们产品的完善有很大帮助。

    您的反馈我们已收到!

    感谢您提供的宝贵意见,我们会在1-2个工作日,通过您留下的联系方式将处理结果反馈给您!