a:hover 与 a:link 和 a:visited的位置关系

最新推荐文章于 2023-03-09 16:23:42 发布
置顶 最新推荐文章于 2023-03-09 16:23:42 发布
阅读量592 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leng1235/article/details/51860467
版权

1. a:hover 必须位于 a:link 和 a:visited 之后，这样才能生效！

2. a:active 必须位于 a:hover 之后，这 样才能生效！

于是得四者顺序：
a:link----->a:visited------>a:hover-------->a:active。 
可以这样记：LoVe HAte（爱恨） [注意大写字母]

龙潭一条鱼
关注
在CSS中定义a:link、a:visited、a:hover、a:active正确顺序
09-25
这些伪类选择器包括a:link、a:visited、a:hover和a:active，它们分别对应链接的四个不同状态：未访问链接、已访问链接、鼠标悬停状态、鼠标激活状态。这四个伪类选择器按照特定顺序定义时，需遵循一个被称为“爱恨...
css的link a:hover 必须在 a:link 和 a:visited 之后
Top5软件工程硕士，先后在京东、字节从事多年Java后端开发、实时和离线大数据开发
10-24 2742
近日突然发现，原来这个CSS问题早已有高人提出啦。还是个老外呢。他给总结了一个便于记忆的“爱恨原则”（LoVe/HAte），即四种伪类的首字母:LVHA。 再重复一遍正确的顺序：a:link、a:visited、a:hover、a:active . 最后经验补充： 1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性，后面的属性会覆盖前面的属性定义； 2.
a:link a:visited a:hover a:active 样式顺序
zjuwwj的博客
02-17 4362
1. a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的 2. a:active 必须被置于 a:hover 之后，才是有效的
a标签链接伪类:link、:visited、:hover、:active的排列顺序
请叫我二狗哥
04-01 2263
链接伪类要想所有伪类均起效果，需要按照一定顺序进行排列： :link>:visited>:hover>:active 1、a:hover必须置于a:link和a:visited之后才有效。 2、a:active必须置于a:hover之后才有效。 3、伪类名称对大小写不敏感。 <!DOCTYPE html> <html> <head lan...
a:link,a:visited,a:hover,a:active 分别是什么意思?
weixin_46100406的博客
04-07 2530
link:连接平常的状态 visited:连接被访问过之后 hover:鼠标放到连接上的时候 active:连接被按下的时候 正确顺序：“爱恨原则”（LoVe/HAte），即四种伪类的首字母:LVHA。再重复一遍正确的顺序：a:link、a:visited、a:hover、a:active . 因为当鼠标经过未访问的链接，会同时拥有a:link、a:hover两种属性，a:link离它最近，所...
改变herf链接的style
青峰专栏
06-05 1635
<br /><html><br /><head><br /><style type="text/css"><br />a.one:link {color: #ff0000}<br />a.one:visited {color: #0000ff}<br />a.one:hover {color: #ffcc00}<br />a.two:link {color: #ff0000}<br />a.two:visited {color: #0000ff}<br />a.two:hover {font-size: 1
CSS教程:vlink,alink,link和a:link
09-27
例如，用户首先看到的是未访问的链接（`a:link`），然后鼠标移动到链接上（`a:hover`），接着用户点击（`a:active`），最后链接变为已访问（`a:visited`）。 4. **特殊情况**： - `a:active` 的一个特性是它始终会...
a标签的四个css伪类(link、visited、hover、active)样式理解
11-30
link、visited、hover、active 未移入a标签链接时：link 移入a标签链接时：link、hover 点击a标签链接时：link、hober、active 点击后未移入a标签连接时：link、visited 点击后移入a标签连接时：link、visited...
关于a:link、a:visited、a:hover、a:active使用过程中的顺序问题
科科然的博客
04-22 2437
文章标题有点长哈~ 稍微有点前端基础的道友都知道，a标签是超链接，通过href属性指定链接的目标地址。在浏览器中，访问过的链接默认外观是紫色且带有紫色下划线，未访问的链接默认外观是蓝色且带有蓝色下划线，活动的链接（当我们鼠标点下不放时）默认外观是红色且带有红色下划线。 a标签的四个伪类（:link和:visited是a标签独有的）： a:link ：用来设置a标签对象在未被访问前的样式。...
html中a:link、a:hover、a:active、a:visited的用法以及注意事项
qq_56545699的博客
03-09 2523
主要有两个问题：运行html文件后，悬浮和点击链接时没有颜色变化；点击一个链接之后，返回网页，所有的链接都变成已访问过的颜色。
CSS中a标签样式原则 a:link a:visited a:hover a:active执行顺序
GoodShot的专栏
12-28 7453
CSS为一些特殊效果准备了特定的工具，我们称之为“伪类”。其中有几项是我们经常用到的，下面我们就详细介绍一下经常用于定义链接样式的四个伪类，它们分别是： 代码如下: :link :visited :hover :active 因为我们要定义链接样式，所以其中必不可少的就是超级链接中的锚标签--a，锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法，它们的写法如下：
a链接的四种状态：link、visited、hover、active
weixin_44347685的博客
03-17 1万+
a链接的四种状态 伪类是CSS 用于向某些选择器添加特殊的效果。 a标签中有四个：link、visited、hover、active （1）link-设置a对象在未被访问前的样式表属性。 （2）visited-设置a对象在其链接地址已被访问过时的样式表属性。 （3）hover–设置对象在其鼠标悬停时的样式表属性。 （4）active-设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性。 定义CSS时候的顺序不同，也会直接导致链接显示的效果不同。原因可能在于浏览器解释CSS时遵循的“就近原
谈一谈a:link、a:visited、a:hover、a:active的正确使用顺序
热门推荐
薰衣草PK向日葵的博客
01-18 4万+
今天学到一个有趣的新知识呢，迫不及待的想分享一下。自学前端的这条路上，还在基础部分打转，未来好难，走好现在脚下的每一步才是我现在最重要的。小小地感慨一下，下面进入正题吧。 1. &lt;a&gt;标签 我们先说一说&lt;a&gt;标签是干啥用的。 &lt;a&gt; 标签定义超链接，用于从一张页面链接到另一张页面。 &lt;a&gt; 元素最重要的属性是 href 属性...
a:link、a:visited、a:hover、a:active的正确使用顺序
光
02-20 1628
L-V-H-E l(link)ov(visited)e h(hover)a(active)te， 即用喜欢和讨厌(LOVE-HATE)两个词来概括 因为css的就近原则(后面的覆盖前面的), 错误的顺序会导致颜色显示与预期不符, 进入知乎,了解更多...
在CSS中定义A:active/A:link/A:visited/A:hover顺序
weixin_34389926的博客
09-18 505
以前用CSS一直没有遇到过这个问题，在最近给一个本科同学做的项目里面。出现一些问题，搜索引擎查了一些网站和资料，发现很多人问到这个问题，给出的结果我试了试，大部分都不正确。 给出我试的顺序，可能会对大家有一些帮助： A:link {color: #000000;TEXT-DECORATION: none}A:visited {COLOR: #000000; ...
：hover的知识点
qq_45852515的博客
04-10 1331
控制自己本身 div:hover { backgroun-color: red; } 控制子元素样式 div:hover div { background-color: red; } 控制相邻同级元素 div:hover+div { background-color: red; } 控制不相邻同级元素 div:hover~div { background-color: red; } 相关的还有:active :link :visited link:平
CSS 链接
weixin_30718391的博客
06-05 315
不同的链接可以有不同的样式。 链接样式 链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。 特别的链接，可以有不同的样式，这取决于他们是什么状态。 这四个链接状态是： a:link - 正常，未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 实例 a:link...
前端面试题总结（3）
wuyxinu的博客
06-18 3235
一、题目 1、关于 BFC (block formatting context)，以下说法错误的有： ​ A、display 的值为 table-cell , table-caption和 inline-block 中的其中一个时，可触发 BFC ​ B、postion 的值为 relative 和 static 时可触发BFC ​ C、overflow-hidden 可作为常用 BFC 布局属性使用 ​ D、只要元素可以触发BFC，就无须使用 clear:both 来清除浮动的影响 2、根据栅格系统的标准
a:link、a:visited、a:hover、a:active .
ruoshuixx的专栏
03-20 609
1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性，后面的属性会覆盖前面的属性定义； 2.鼠标经过的“已访问链接”同时拥有a:visited、a:hover两种属性，后面的属性会覆盖前面的属性定义； 所以说，a:hover定义一定要放在a:link、a:visited的后面。再重复一遍正确的顺序是：a:link、a:visited、a:hover、a:active .1234...
CSS a:hover
最新发布
08-19
它必须位于a:link和a:visited之后，而a:active必须位于a:hover之后，以确保正确的优先级。<span class="em">1</span><span class="em">2</span><span class="em">3 #### 引用[.reference_title] - *1* [CSS a:hover]...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

龙潭一条鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值