浏览器支持的锚伪类

All rivers run in to the sea

于 2022-05-21 14:16:48 发布

阅读量547

点赞数 1

分类专栏：其他参考文章标签： css css3 html

本文链接：https://blog.csdn.net/qq_43944285/article/details/124895537

版权

本文介绍了浏览器中CSS3的锚伪类如何控制链接的四种状态：活动、已访问、未访问和悬停。正确顺序为a:link - a:visited - a:hover - a:active，遵循这一顺序才能确保伪类效果生效。

摘要由CSDN通过智能技术生成

锚伪类在支持 css 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态和鼠标悬停状态。用来表示链接不同状态的伪类就是锚伪类。

几个伪类必须按照一定的顺序(l-v-h-a)，a:hover必须被置于a:link和a:visited之后，才是有效的；a:active必须被置于a:hover之后，才是有效的。书写顺序很重要：a:link - a:visited - a:hover - a:actived。

a:link /* 未访问的链接 */
a:visited /* 已访问的链接 */
a:hover /* 鼠标移动到链接上 */
a:active  /* 选定的链接 */

链接伪类选择器

a:link     /*选

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

All rivers run in to the sea

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

CSS3绘制睡觉的猫咪特效

06-24

虽然大部分现代浏览器都支持CSS3的transform属性，但老版本的Internet Explorer可能需要借助于像Microsoft的-ms-transform前缀或者其他工具库（如Autoprefixer）来实现兼容。总结来说，通过熟练运用CSS3的...

CSS3吉祥物招财猫动画特效

07-24

考虑到交互性，我们可以利用`:hover`伪类来触发这个动画。当用户鼠标悬停在招财猫上时，通过改变`animation-play-state`属性，暂停或播放动画，增加与用户的交互体验。在实际的项目中，开发者可能还会考虑兼容性和...

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

伪类、伪元素、锚伪类

aizou6838的博客

04-04

279

伪类 CSS2中对伪类的定义是：CSS 伪类用于向某些选择器添加特殊的效果。截止css2，伪类有以下几种： CSS3中对伪类的定义如下：伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息（如：:link、:visited）以及不能被常规CSS选择器获取到的信息（:target用来匹配文档(页面)的URI中某个标志符的目标元素）。伪类由一个冒号:开头，冒...

css锚伪类

qq_38615301的博客

05-02

1943

一、什么是伪类？伪类：是一种特殊的类，由css自动支持，属css的一种扩展类型。伪类的名称不能被用户自定义，必须使用标准格式。二、锚伪类锚，代表超链接。锚伪类是超链接的四种状态。例1、（超链接默认样式如何更改成）未访问状态（a:link）鼠标悬停状态（a:hover）活动状态（a:active）已访问状态（a:visite

css 锚伪类选择器

不生产代码_代码的搬运工的博客

07-08

336

锚伪类选择器a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移动到链接上 */a:active {color: #0000FF} /* 选定的链接 */...

如何检测浏览器是否支持某个伪类

weixin_34290631的博客

05-10

356

如何检测浏览器是否支持某个 CSS 伪类（例如 :focus-within）错误方法 @supports (div:focus-within) {} CSS.supports('div:focus-within`); 此法检测的是浏览器是否支持一个名为 div 的属性，且值可以为 focus-within，当然不支持。。。正确方法 f...

锚伪类的四种伪类

不因俊俏难为友，正为风流始读书

07-27

878

伪类：与类选择器相似但是又有所不同锚伪类： a:link { color: #2AABD2; font: "微软雅黑"; font-size: 50px; } 作用：给a标签设置没有访问过的样式 a:visited a:visited { color: palevioletred; font: "微软雅黑";

纯css3绘制卡通猫咪动画特效

07-24

同时，为了保证在不同浏览器中的兼容性，需要使用 vendor prefixes，如`-webkit-`，`-moz-`，`-ms-`等，以确保CSS3特性的广泛支持。此外，良好的代码组织和注释也是必不可少的，可以提高代码的可读性和维护性。 ...

CSS3绘制哭泣的猫咪动画特效

07-24

8. **浏览器兼容性**：虽然大部分现代浏览器支持CSS3，但在实际应用中，仍需考虑老版本浏览器的兼容性问题。可以使用前缀（如`-webkit-`，`-moz-`，`-ms-`等）和渐进增强策略来确保更广泛的兼容性。通过以上步骤，...

锚伪类

06-01

198

在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。 a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:acti

关于各浏览器对CSS伪类以既(selector)选择器的支持[转]

weixin_30955617的博客

09-30

145

说明：√的意思就是全支持 Δ的意思就是支持但有些部题存在 Χ的意思很明显就是不支持了一.对CSS伪类的支持：二：对(selector)选择器的支持看完上面的列表不知道大家有没有发现一个问题，IE6对.class选择器的支持竟然是Δ，很纳闷平时在IE6下用.class并没有发现任何问题啊。这里怎么会是Δ，后来看了说明才知道原来是对双重类的解析上的确存在...

A标签锚伪类

woshiyangxianjiang的专栏

12-03

155

在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。 a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移动到链接上 */a:active {color:...

CSS伪类--锚伪类选择器(动态伪类选择器)-使用详细总结

黑木令之佛性

07-05

1万+

本章讲解的内容为 CSS 伪类中的锚伪类选择器 1. CSS 锚伪类选择器有哪些 2. CSS 锚伪类选择器的具体含义 3. CSS 锚伪类选择器各个伪类的使用方式有兴趣的可以查看 " CSS 伪类选择器" 总结这篇文章废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。一：CSS 锚伪类选择器 / 动态伪类选择器一览: 序号 anchor (锚)伪类示例示例说明 1 :link a:link 未访问的链接 2 :vi

学习笔记 css 锚伪类

热门推荐

06-02

4万+

学习笔记 css 锚伪类 <!DOCTYPE html> <html> <head> <style> .tip span{ display: none; } .tip:hover span { display: block; position: absolute; top: 30px; left: 160px; padding: 1px 1px; border: 1px solid red

CSS踩坑（5）关于锚伪类

qwe122343的博客

01-12

398

锚伪类听起来是个很另类的名字哈哈哈，锚伪类包括四种状态，按我自己通俗的理解，是 1、鼠标未点击状态 ——link 2、鼠标点击已访问状态 ——visited 3、鼠标悬停状态 ——hover 4、鼠标点击链接被按下状态 ——active 注意4者有顺序：要严格按照link——visited——hover——active书写CSS代码 CSS代码： a:link{ c...

CSS入门伪类，锚伪类，伪类子对象选择

u011333814的专栏

01-28

2188

伪类语法：冒号后面的选择器：伪类{属性：值.....} 锚伪类： a:link{color:#ff00ff} 表示未访问的链接 a:visited{color:#00ff00} 表示已访问的链接 a:hover{color:#ff00ff} 鼠标移动到链接上的情况 a:active{colot:#0000ff} 表示选定的链接注意：a:hover必须放在a:link和a:vis

CSS伪类

冷月醉雪的博客

08-16

449

添加不同颜色的超链接 <!DOCTYPE html > <html> <head> <meta charset="utf-8"> <title>自学教程(如约智惠.com)</title> <style > a:link {color:#000000;} a:v

CSS锚伪类顺序需注意的几点

weixin_30369087的博客

09-18

113

CSS锚伪类有以下几种： 1 a:link{color:pink}　　 /*未访问的链接*/ 2 a:visited{color:red}　　/*已访问的链接*/ 3 a:hover{color:blue}　　/*鼠标移动到链接上*/ 4 a:active{color:green}　/*选定的链接*/ 注意：使用hover时，必须置于link和visited之后； ...

CSS3 target伪类：实现动态网页目标元素高亮

然而，需要注意的是，`:target`伪类在旧版的Internet Explorer（IE6-8）中并不被支持，所以如果你的项目需要兼容这些浏览器，可能需要借助JavaScript或者条件注释来模拟或替代这种功能。对于现代浏览器（IE9及以上...

浏览器支持的锚伪类

锚伪类 在支持 css 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态和鼠标悬停状态。用来表示链接不同状态的伪类就是锚伪类。

几个伪类必须按照一定的顺序(l-v-h-a)，a:hover必须被置于a:link和a:visited之后，才是有效的；a:active必须被置于a:hover之后，才是有效的。 书写顺序很重要：a:link - a:visited - a:hover - a:actived。

链接伪类选择器

锚伪类在支持 css 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态和鼠标悬停状态。用来表示链接不同状态的伪类就是锚伪类。

几个伪类必须按照一定的顺序(l-v-h-a)，a:hover必须被置于a:link和a:visited之后，才是有效的；a:active必须被置于a:hover之后，才是有效的。书写顺序很重要：a:link - a:visited - a:hover - a:actived。