a:link ：visited ：hover ：active 顺序

最新推荐文章于 2024-05-01 03:43:04 发布

amnotsuperior

最新推荐文章于 2024-05-01 03:43:04 发布

阅读量406

点赞数

分类专栏： web--css

本文链接：https://blog.csdn.net/amnotsuperior/article/details/37724601

版权

web--css 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

link:连接平常的状态

visited:连接被访问过之后

hover:鼠标放到连接上的时候

active:连接被按下的时候

css中关于超链接的四个属性一般正常顺序为：link，visited，hover，active，即

:hover和a:visited书写顺序的重要性

：hover a:link 书写的顺序重要性

违反顺序会得到意想不到的效果

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

amnotsuperior

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
a:link ：visited ：hover ：active 顺序

link:连接平常的状态visited:连接被访问过之后hover:鼠标放到连接上的时候active:连接被按下的时候
复制链接

扫一扫

专栏目录

谈一谈a:link、a:visited、a:hover、a:active的正确使用顺序

薰衣草PK向日葵的博客

01-18

4万+

今天学到一个有趣的新知识呢，迫不及待的想分享一下。自学前端的这条路上，还在基础部分打转，未来好难，走好现在脚下的每一步才是我现在最重要的。小小地感慨一下，下面进入正题吧。 1. <a>标签我们先说一说<a>标签是干啥用的。 <a> 标签定义超链接，用于从一张页面链接到另一张页面。 <a> 元素最重要的属性是 href 属性...

css3 选择器简单的分页 css选择器 ul.pagination li a:hover:not(.active) 选择除了类名为 active的项目

liu709127859的专栏

04-24

6088

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>练习分页</title> <link type="text/css" href="css/sty

参与评论您还未登录，请先登录后发表或查看评论

a: link visited active hover的使用顺序

Immortal_W的博客

09-23

1216

今天学到一个有趣的新知识呢，迫不及待的想分享一下。自学前端的这条路上，还在基础部分打转，未来好难，走好现在脚下的每一步才是我现在最重要的。小小地感慨一下，下面进入正题吧。 1. 标签我们先说一说标签是干啥用的。标签定义超链接，用于从一张页面链接到另一张页面。元素最重要的属性是 href 属性，它指示链接的目标。在所有浏览器中，链接的默认外观是：未被访问的链接带有下划线而且是蓝色的 ...

a:link,a:visited,a:hover,a:active 分别是什么意思?

weixin_65921319的博客

05-16

469

link:连接平常的状态visited:连接被访问过之后active:选择被用户激活的元素hover:鼠标放到连接上的时候。

关于a:link、a:visited、a:hover、a:active使用过程中的顺序问题

科科然的博客

04-22

2412

文章标题有点长哈~ 稍微有点前端基础的道友都知道，a标签是超链接，通过href属性指定链接的目标地址。在浏览器中，访问过的链接默认外观是紫色且带有紫色下划线，未访问的链接默认外观是蓝色且带有蓝色下划线，活动的链接（当我们鼠标点下不放时）默认外观是红色且带有红色下划线。 a标签的四个伪类（:link和:visited是a标签独有的）： a:link ：用来设置a标签对象在未被访问前的样式。...

a标签链接伪类:link、:visited、:hover、:active的排列顺序

请叫我二狗哥

04-01

2245

链接伪类要想所有伪类均起效果，需要按照一定顺序进行排列： :link>:visited>:hover>:active 1、a:hover必须置于a:link和a:visited之后才有效。 2、a:active必须置于a:hover之后才有效。 3、伪类名称对大小写不敏感。 <!DOCTYPE html> <html> <head lan...

链接样式顺序：link、visited、hover、active

y1238r的博客

11-26

1139

1、介绍 a:link - 正常，未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻当设置为若干链路状态的样式，也有一些顺序规则： a:hover 必须跟在 a:link 和 a:visited后面 a:active 必须跟在 a:hover后面 2、css a:link { color: gray; } a:visited { color: red; } a:hover { color: green

a:link, a:visited, a:hover, a:active使用顺序

UESTC / 大学僧 / Arsenal

09-02

475

a:link //链接平常的状态 a:visited //链接被访问过之后的状态 a:hover //鼠标放到链接上面的状态 a:active //链接被按下的状态使用顺序为a:link, a:visited, a:hover, a:active才能正常生效。

CSS中定义a:link、a:visited、a:hover、a:active顺序

weixin_44242600的博客

07-02

285

a :link、a:hover、a:visited这几个元素，定义CSS时候的顺序不同，也会直接导致链接显示的效果不同。 eg: 让未访问链接颜色为red，活动链接为yellow，已访问链接为green：第一种情况： CSS定义的顺序为a:visited、a:hover、a:link。把鼠标放到未访问过的red链接上时，它并不变成yellow，只有放在已访问的green链接上，链接才会变yel...

在CSS中定义a:link、a:visited、a:hover、a:active正确顺序

09-25

了解了各个伪类选择器的作用后，我们来探讨为什么CSS规则中a:link、a:visited、a:hover、a:active的顺序必须是LVHA。 1. 浏览器解析CSS的“就近原则” 浏览器在解析CSS规则时会遵循“就近原则”，即最后定义的样式...

CSS教程:vlink,alink,link和a:link

09-27

在CSS中，这四个伪类的状态顺序至关重要，因为它们遵循特定的流程：`a:link -> a:hover -> a:active -> a:visited`。这意味着，当链接状态从一个过渡到另一个时，必须按照这个顺序来定义样式。例如，用户首先看到的...

【经验】在CSS中定义a link、a visited、a hover、a active顺序_alink a hover

最新发布

2401_84435768的博客

05-01

527

定义**；**

background: #ff0000 url(/i/eg_bg_03.gif) ; 图片 + 颜色

amnotsuperior的专栏

06-08

2396

body { background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center; } 这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。

word-wrap 文本换行

amnotsuperior的专栏

06-06

1179

一、word-wrap：允许对长的不可分割的单词进行分割并换行到下一行。(中英文处理效果一样) word-wrap有两个取值： 1、word-wrap: normal：只在允许的断字点换行（浏览器保持默认处理）。 2、word-wrap: break-word：在长单词或 URL 地址内部进行换行。（即在容器末端有长单词不能完全显示，不会截断单词，而是作为整体，自动换行）

letter-spacing 文字之间间距行距 line-height

amnotsuperior的专栏

06-06

997

letter-spacing 文字之间间距行距 line-height letter-spacing nomal； px；

@import url("layout.css"); css 引入 css ------@charset "utf-8";

amnotsuperior的专栏

07-18

935

@charset "utf-8"; /* css 引入编码 */ /* css 中引入 css */ @import url("layout.css"); @import url("page_1.css");

position iframe frame

amnotsuperior的专栏

06-23

667

position: 值描述 absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "

img Map 问题。区域控图

amnotsuperior的专栏

03-08

591

div style="width:231px"> img src="images/fw.gif" border="0" usemap="#Map" /> map name="Map" id="Map"> are

css border 属性

amnotsuperior的专栏

03-13

544

none : 　无边框。与任何指定的border-width值无关 hidden : 　隐藏边框。IE不支持 dotted : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线（常用） dashed : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线（常用） solid : 　实线边框（常用） so

js实现鼠标点击（非a:hover,a:link,a:visited,a:active）的样式切换效果

05-26

if (this.classList.contains('active')) { this.classList.remove('active'); } else { this.classList.add('active'); } }); } ``` 在这个示例中，我们首先使用querySelectorAll方法获取所有具有.clickable...