a标签的四个css伪类(link、visited、hover、active)样式理解

╰+哭是因爲堅強的太久メ 2022-08-21 03:14 195阅读 0赞

转自点击打开链接

伪类是CSS 用于向某些选择器添加特殊的效果，chrome和firefox中的css监控并不会显示所有的样式，有些显示会有点不全，IE下还是有点问题的，不过大体不变

伪类是CSS 用于向某些选择器添加特殊的效果。

a标签中有四个：

link、visited、hover、active

未移入a标签链接时：link

移入a标签链接时：link、hover

点击a标签链接时：link、hover、active

点击后未移入a标签连接时：link、visited

点击后移入a标签连接时：link、visited、hover

点击后再次点击a标签连接时：link、visited、hover、active

这个就是所有组合的样式了。

如果有多个同样的样式，后面的样式会覆盖前面的样式，所以这四个伪类的定义就有顺序的要求了，

而大家所说的‘lvha’也是因为这个原因。

注意：

chrome和firefox中的css监控并不会显示所有的样式，有些显示会有点不全（a标签的这四个伪类）

不过IE下还是有点问题的，不过大体不变。

发表评论

表情：
评论列表 （有 0 条评论，195人围观）

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

相关阅读

    相关 css 伪类、伪元素

    一、伪类、伪元素的共同点 1. 伪类、伪元素存在的原因： css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比

    青旅半醒青旅半醒/ 0 赞/ 261 阅读

    相关 Css伪类

    开发工具与关键技术：DW与css 作者：戴怡斌 撰写时间：2019年2月17日 下面我们来看一个css伪类的列子，图1是它的布局

    比眉伴天荒比眉伴天荒/ 0 赞/ 397 阅读