美文网首页CSS
CSS定义超链接样式时四个状态的正确顺序L-V-H-A

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

作者: 西瓜鱼仔 | 来源:发表于2019-10-17 11:50 被阅读0次

在CSS中定义超链接的样式时是要有先后顺序的,否则,在某些浏览器里面有可能会出现某个样式不起作用或者访问过后 hover 样式就不出现的bug。

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

L-V-H-A分别是link、visited、hover、active的简写。它们分别表示:

A:link 超链接的默认样式(未访问时的样式)
A:visited 已经访问过的链接样式
A:hover 鼠标处于鼠标悬停状态的链接样式
A:active 当鼠标左键按下时,被激活(就是鼠标按下去那一瞬间)的链接样式。

写成如下顺序即可:

<style>
  a:link{ background:red;}
  a:visited{background:green;}
  a:hover{background:blue;}
  a:action{background:white;}
</style>

相关文章

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

    在CSS中定义超链接的样式时是要有先后顺序的,否则,在某些浏览器里面有可能会出现某个样式不起作用或者访问过后 ho...

  • 常用的css初始化

    /*css定义超链接四个状态也有顺序的。*/ a:link, a:visited { text-decoratio...

  • html中修改超链接a标签的样式

    修改a标签的默认样式 正常的超链接写法,未加任何自定义css样式: 超链接 点击链接之前的样式: 点击链接之后的样...

  • CSS特性 & CSS优先级算法

    CSS特性 层叠性 继承性 优先级 CSS层叠性 在css样式中,与样式的调用顺序无关,与样式的定义顺序有关。 层...

  • 前端教程:链接伪类控制超链接

    定义超链接时,为了提高用户体验,经常需要为超链接指定不同的状态,使得超链接在点击前、点击后和鼠标悬停时的样式不同。...

  • 4.1 CSS书写规范

    全局CSS样式 CSS样式可细分为3类:自定义样式、重新定义HTML样式、链接状态样式。 自定义样式为设计师自定义...

  • css代码规范

    CSS选择器 CSS执行顺序 CSS书写顺序 CSS规范 CSS命名规则 语义化当清除所有自定义的样式与布局,只使...

  • 10.超链接样式-CSS基础

    一、超链接伪类 1.何为超链接伪类 在CSS中,使用超链接伪类来定义超链接在鼠标点击的不同时期的样式。 (1)语法...

  • a标签的link、visit、hover、activity顺序

    css中关于超链接的四个属性一般正常顺序为:link,visited,hover,active,即 a:linka...

  • 前端Day - 02

    CSS三种样式 行间样式表 内部样式表 外部样式表 CSS基本样式 常用标签 超链接 base标签 span标签 ...

网友评论

    本文标题:CSS定义超链接样式时四个状态的正确顺序L-V-H-A

    本文链接:https://www.haomeiwen.com/subject/jdymmctx.html