a标签的伪类样式 顺序注意

最新推荐文章于 2022-08-21 14:33:59 发布
最新推荐文章于 2022-08-21 14:33:59 发布
阅读量455 收藏 1
点赞数
分类专栏： a标签 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Pei71320/article/details/105569858
版权

a标签常用的伪类包括

  • :link – 定义正常链接的样式
  • :visited – 定义正常链接的样式
  • :hover – 定义鼠标悬浮在链接上时的样式
  • :active – 定义鼠标点击链接时的样式

但是，在设置a标签的这四个伪劣的样式时，需要注意他们的顺序；如果这四项的书写顺序稍有差错，链接的效果可能就没有了，所以每次定义链接样式时务必确认定义的顺序，link–visited–hover-active，也就是我们常说到的LoVe HAte原则（大写字母就是它们的首字母）

佑茶
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
a 标签的四个伪类样式优先级
qq_44960253的博客
06-23 762
a 标签的四个伪类样式优先级 a:link定义链接样式，针对尚未访问的链接。 a:visited定义鼠标点击后的链接样式。也就是已访问过的链接的样式。 :focus 定义标签获得鼠标焦点（游标）时的样式。 a:hover定义鼠标移入 a 标签时的链接样式。 a:active定义鼠标点击瞬间的链接样式，active 当然可以用在其它标签上 **提示：**在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。 **提示：**在 CSS 定义中，a:active
a:link,a:visited,a:hover,a:active
weixin_30394981的博客
07-25 664
１：解释 link:连接平常的状态 visited:连接被访问过之后 hover:鼠标放到连接上的时候 active:连接被按下的时候 详细的：　 :hover版本：CSS1/CSS2　 兼容性：IE4+ NS4+ 语法： Selector : hover { sRules }...
浅析a标签的4个伪类
weixin_33748818的博客
05-27 299
2009-10-19 18:02 关于伪类，大家最熟悉的还是a标签的4个伪类：:link 有链接属性时:visited 链接地址已被访问过:active 被用户激活(在鼠标点击与释放之间发生的事件):hover 其鼠标悬停关于这四个伪类的排列次序，很多地方都能查到，可是为什么这么排列？从来没有见过有人提及。这里我就从技术、用户体验、优先...
a的样式顺序
weixin_33816821的博客
07-22 80
a的样式顺序 a { color: #3388FF; cursor: pointer; } a:visited { color: #3388FF; } a:active { color: #3388FF; } a:focus { color: #3388FF; } a:hover { color: #4DA6FF; }...
a 标签的伪类的正确顺序，以及原因
weixin_33935777的博客
05-28 273
注意，a 标签的伪类是有顺序的，否则有可能样式不对；lvha，原因：浏览器的就近原则，举个例子：我定义的顺序是a:visited、a:hover、a:link，这时候就会发现，不管我有没有hover上去，样式都是link的样式的，这是因为鼠标经过的未访问链接同时拥有a:link、a:hover两种属性，在第一种情况下，a:link离它最近，所以它优先满足a:link，而放弃a:hover的重复定...
a标签伪类的作用及书写顺序是什么
09-28
为了在用户交互过程中改变`<a>`标签的视觉效果，CSS提供了四种伪类选择器，分别是`:link`、`:visited`、`:hover`和`:active`，这些伪类可以组合应用以实现不同状态下的样式变化。本文将详细探讨这些伪类的作用以及...
有关于a标签的4个伪类的使用方法
11-30
而`a`标签的四个伪类选择器——`:link`, `:visited`, `:hover`, 和 `:active`，则提供了对链接不同状态的样式控制，帮助我们实现更加丰富的用户体验。以下是对这四个伪类的详细解释和使用方法： 1. **`:link`**：这...
a标签的四个css伪类(link、visited、hover、active)样式理解
11-30
伪类是CSS 用于向某些选择器添加特殊的效果。 a标签中有四个： link、visited、hover、active ...如果有多个同样的样式，后面的样式会覆盖前面的样式，所以这四个伪类的定义就有顺序的要求了， 而大家所说的‘lvha’
css样式加载顺序及覆盖顺序深入理解
09-25
但请注意，这仅限于同一份样式表，不同文件间的加载顺序仍然优先于内部顺序。 如果需要强制提升某个样式的优先级，可以使用`!important`标记。例如，`.current_block { border: solid 2 #AE0 !important; }`会让...
a标签的四个伪类
weixin_68107052的博客
08-21 2354
css中a标签的4个伪类
CSS中a标签样式原则 a:link a:visited a:hover a:active执行顺序
GoodShot的专栏
12-28 7252
CSS为一些特殊效果准备了特定的工具，我们称之为“伪类”。其中有几项是我们经常用到的，下面我们就详细介绍一下经常用于定义链接样式的四个伪类，它们分别是： 代码如下: :link :visited :hover :active 因为我们要定义链接样式，所以其中必不可少的就是超级链接中的锚标签--a，锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法，它们的写法如下：
a标签的各个伪类书写顺序
MorningDuGe
08-11 2830
正确写法：a:link{text-decoration:none ; color:red ;} a:visited {text-decoration:none ; color:black ;} a:hover {text-decoration:underline ; color:yellow ;} a:active {text-decoration:none ; color:pink ;}记忆口诀：
a标签4个伪类的顺序排列
weixin_34274029的博客
04-23 1726
与a标签有关的常用伪类包括4个，分别为:link、:visited、:hover、:active。在设置a标签的css样式时，需要设置的顺序为Love Hate(:link、:visited、:hover、:active)。 原因：浏览器的就近原则，举个例子： 我定义的顺序是a:visited、a:hover、a:link，这时候就会发现，不管我有没有hover上去，样式都是link的样式的，...
CSS中a标签的样式简介 链接定义的顺序
小乙的专栏
12-06 1649
没有规矩不成方圆，虽然链接定义写好了，但它也是有规则的，如果这四项的书写顺序稍有差错，链接的效果可能就没有了，所以每次定义链接样式时务必确认定义的顺序，link--visited--hover-active，也就是我们常说到的LoVe HAte原则（大写字母就是它们的首字母）。 老外总结了一个便于记忆的“爱恨原则”（LoVe/HAte），即四种伪类的首字母:LVHA。定义A链接样式的正确的顺序：
CSS：a标签不同状态下的显示样式渲染顺序
CSU_Zipple的博客
02-26 486
问题 相信很多朋友在刚接触css的时候会遇到这样的问题：超链接访问过后的hover样式消失了，或者说被点击访问过的超链接样式就不再具有hover和active的样式了。 措施 解决方法很简单：只需要更改a标签不同状态的css样式顺序就行。 因为浏览器解析css的原则是就近原则，因此我们在编写样式表的时候应该要将一般的放在上面，特殊的放在下面。否则的话，一般的样式会覆盖掉写在上面的特殊的样式...
HTML中设置超链接字体颜色和点击后的字体颜色的方法
热门推荐
知行合一
08-11 1万+
原文地址：http://www.krsky.net/article/7/173/2009/200903281595.html定义链接样式 CSS为一些特殊效果准备了特定的工具，我们称之为“伪类”。其中有几项是我们经常用到的，下面我们就详细介绍一下经常用于定义链接样式的四个伪类，它们分别是：  :link :visited :hover :active  因为
【CSS】为什么 a 标签的伪类选择器要注意书写顺序？
weixin_45951911的博客
12-10 392
和 标签相关的伪类有很多，但最常见（也是初学者最先接触到）的有以下4个。 :link :visited :hover :active 它们的大概作用分别如下（详细作用以后逐一探讨，这次的主题主要和css的优先级有关） a:link 选取用户未访问的 标签，而且鼠标没有悬停在其上。 a:visited 选取已被访问过的 标签。 a:hover 选取鼠标悬停在其上的 标签。 a:active 选取用户正在点击的 标签。 大多数前端开发者在刚接触css时，和 标签有关的伪类选择器（
a标签伪类的顺序
Hiroshi's
01-26 346
<a>标签伪类书写顺序为什么是lvha
crystalNB的专栏
09-17 2958
a标签伪类的作用： ":link": a标签还未被访问的状态； ":visited": a标签已被访问过的状态； ":hover": 鼠标悬停在a标签上的状态； ":active": a标签被鼠标按着时的状态； 写样式时，为毛要按这个顺序写： 其实本质还是“同等优先权的样式，写在后边的会覆盖前边”，a标签的伪类只不过是又结合了不同的动作顺序，动作的触发顺序决定了伪类的顺序必
a标签4种伪类设置的先后顺序以及这么做的原因？
最新发布
04-02
a标签4种伪类的先后顺序是： 1. :link 2. :visited 3. :hover 4. :active 这个顺序的原因是为了保证样式的优先级正确。`:link`是指链接的默认状态，`:visited`是链接被访问过的状态，`:hover`是指鼠标悬停在链接上...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值