浅谈CSS定义超链接<a>正确顺序L-V-H-A

青旅半醒 2022-06-17 09:22 147阅读 0赞

<table> 
 <tbody> 
  <tr> 
   <td><span style="font-family:'Microsoft YaHei'; font-size:14px">a:link</span></td> 
   <td><span style="font-family:'Microsoft YaHei'; font-size:14px">超链接的默认样式</span><span style="font-family:'Microsoft YaHei'; font-size:14px">&nbsp;</span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:'Microsoft YaHei'; font-size:14px">a:visited</span></td> 
   <td><span style="font-family:'Microsoft YaHei'; font-size:14px">已经访问过的链接的样式&nbsp;</span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:'Microsoft YaHei'; font-size:14px">a:hover</span></td> 
   <td><span style="font-family:'Microsoft YaHei'; font-size:14px">处于鼠标悬停状态的链接的样式&nbsp;</span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:'Microsoft YaHei'; font-size:14px">a:active</span></td> 
   <td><span style="font-family:'Microsoft YaHei'; font-size:14px">被激活（鼠标左键按下的一瞬间）的链接的样式</span></td> 
  </tr> 
 </tbody> 
</table>

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

正确的排列顺序是：L-V-H-A，L-V-H-A是link、visited、hover、active的简写。

发表评论取消回复

表情：

评论列表（有 0 条评论，147人围观）

还没有评论，来说两句吧...

相关阅读

相关 html的超链接标签 a

超链接标签的学习和所做知识梳理

蔚落/ 2024年05月06日 21:22/ 0 赞/ 89 阅读

相关 `＜a＞＜/a＞`超链接不跳转

1. `<a></a>`超链接不跳转 <a href="javascript:void(0);" class="look" onclick="skipQuery

拼搏现实的明天。/ 2023年02月24日 03:59/ 0 赞/ 24 阅读

相关 a 链接设置顺序及原理

设置顺序 a:link a:visited a:hover a:active 或 a:visited a:link a:hover a:active 其中 hover 和

绝地灬酷狼/ 2023年02月17日 03:50/ 0 赞/ 14 阅读

相关关于超链接a的四个伪类的顺序问题

a的四个伪类 link:代表打开页面超链接的原始状态 visited:链接被访问过后的状态 hover:鼠标悬停在超链接上的状态 active:当鼠标被按下去的

短命女/ 2023年02月14日 01:19/ 0 赞/ 47 阅读

相关如何让外面div超链接不影响内部的超链接a

原来外面套div的超链接完全可以不影响内部的超链接或者div的onclick的超链接，只要阻止事件冒泡，先上理论： 1、cancelBubble（HTML DOM E

绝地灬酷狼/ 2022年08月22日 03:54/ 0 赞/ 150 阅读

相关浅谈CSS定义超链接<a>正确顺序L-V-H-A

<table> <tbody> <tr> <td><span style="font-family:'Microsoft YaHei'; font-

青旅半醒/ 2022年06月17日 09:22/ 0 赞/ 148 阅读

相关 C++编译与链接（2）------ 浅谈内部链接与外部链接

发现每次写技术博客时，都会在文章开头处花费一番功夫 ...从前，有一个程序员....他的名字叫magicsoar 为什么有时会出现aaa已在bb

快来打我*/ 2022年05月26日 12:00/ 0 赞/ 269 阅读

相关 CSS改变超链接字体样式

一应用网站中会有多种超链接，当我们将鼠标移动到某一超链接上时，超链接就会以不同的字体样式显示。例如超链接的字体样式显示为斜体、粗体、下划线、删除线或粗斜体等。

绝地灬酷狼/ 2022年05月12日 00:18/ 0 赞/ 417 阅读

相关浅谈动态链接文件.dll文件

![Center][] [Center]: /images/20210923/0d9ce5081a5f408e89bb288a50be6eb7.png

「爱情、让人受尽委屈。」/ 2021年09月26日 11:32/ 0 赞/ 347 阅读

相关浅谈动态链接库（DLL）

![Center][] [Center]: /images/20210923/17848a86a14a412e91c8646d0f6f71ff.png

一时失言乱红尘/ 2021年09月26日 11:32/ 0 赞/ 359 阅读