a超链接的伪类——特殊的状态

已于 2022-10-11 20:11:51 修改
阅读量291 收藏
点赞数
分类专栏： CSS CSS3 文章标签： 前端 html css
于 2022-10-11 20:11:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47295886/article/details/127269822
版权
CSS 同时被 2 个专栏收录
36 篇文章 0 订阅
订阅专栏
CSS3
26 篇文章 0 订阅
订阅专栏

:link——将样式添加到未被访问过的链接，=正常链接（只适用于a标签）
:hover——当鼠标悬停在元素上方，向元素添加样式
:active——将样式添加到被激活的元素，点不松手
:visited——将样式添加到已经被访问过的元素（只适用于a标签），由于隐私，不希望别人看到，所以此链接只能修改颜色

链接的伪类具有先后顺序：

link — :visited — :hover — :active.

¡Venceremo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
有关于a标签的4个伪类的使用方法
11-30
而`a`标签的四个伪类选择器——`:link`, `:visited`, `:hover`, 和 `:active`，则提供了对链接不同状态的样式控制，帮助我们实现更加丰富的用户体验。以下是对这四个伪类的详细解释和使用方法： 1. **`:link`**：这...
期末前端web大作业——我的家乡陕西介绍网页制作源码
08-10
- **鼠标悬停效果(hover)**：CSS中的`:hover`伪类用于选择用户将鼠标指针放在元素上时的状态。本作业中可能使用了此效果来实现当鼠标悬停在某个元素上时，该元素会发生颜色变化或其他样式上的改变，以提升用户体验...
超链接的伪类
qq_43648337的博客
09-03 2143
链接的几种状态 链接的不同状态都可以不同的方式显示，这些状态包括：活动状态（鼠标点击时的状态），已被访问状态，未被访问状态，和鼠标悬停状态。 超链接的伪类 ：link 未访问的链接 ：visted 访问过的链接，但由于隐私的原因，：visted这个超链接伪类只能修改访问过的链接的颜色，而不能修改大小等。 注：以上这两个伪类选择器只有超链接才有，即a标签独有。 两个其他的伪类选择器 ：hover 表示鼠标移入的状态 ：active表示鼠标正在点击的状态 注：这两个伪类选择器对所有标签有效。 &
超链接伪类样式
zyy871020的专栏
08-03 1020
超链接伪类 a:link    a:link(color:#999;)  未单机访问时的超级链接样式    常用超链接的主样式 a:visited    a visited(color:#333;)    单机访问后的样式     区分是否被访问 a:hover   a:hover(color#7300;)    鼠标悬浮其上的超链接样式   常用，实现动态效果 a:active a:ac
超链接a的伪类书写顺序详解
Buddha_ITXiong的博客
03-16 2960
我们知道a标签有四个伪类分别为：link 超链接的默认样式 visited 访问过的（已经看过的）链接样式 hover 鼠标处于鼠标悬停状态的链接样式 active 当鼠标左键按下时，被激活（就是鼠标按下去那一瞬间）的链接样式。一般我们书写它们样式的时候都是按照上面序号的顺序来写的，那我们思考一下为什么呢？这个知识点虽然比较简单，但其中涉及的css基础知识还是挺多的，接下来我便为大家讲解一下其中所...
超链接a标签中的伪类区别及用法
Thelzzz的博客
12-26 2523
首先 “超链接” 就是我们 html 中的 a 标签，这个应该大家都没问题。 再接着，"伪类"：什么是伪类？ css 对于伪类的解释是用于向某些选择器添加特殊的效果。 简单点说，就是你没定义这个类，但它确实作为一个类来使用。 再简单点就是你可以利用伪类为我们的元素添加各种不同的效果。 比如： a:hover { } 这段代码就是给 a 这个标签选择器添加了一个效果，这个效果在鼠标悬停于 a 标签上...
css的伪类别
ljw的博客
07-29 1875
css伪类别的介绍： css的伪类别可分为四个属性： 1，a:link ：超链接的普通样式，即正常浏览状态的样式。 2，a:visited：被点击过的超链接的样式。 3，a:hover：鼠标指针经过超链接上时的样式。 4，a:active：在超链接上点击，即“当前激活”时，超链接的样式。 css伪类别的作用：  css的伪类别常常用来配合各种属性风格制作出千变万化的动态超链接，这里我
css.rar_css_css a_css api_cssapi
09-22
1. **CSS选择器**：包括基础选择器（类选择器、ID选择器、元素选择器等）、伪类和伪元素选择器，以及高级选择器如属性选择器和组合选择器。 2. **CSS盒模型**：理解元素的边距、填充、边框和内容是如何影响元素的总...
HTML5+CSS3网页美化与布局单元5 网页超链接与导航栏的美化与布局.docx
11-28
接下来，CSS3提供了对超链接的四种状态——`a:link`、`a:visited`、`a:hover`和`a:active`的控制。这四个伪类分别代表未访问链接、已访问链接、鼠标悬停时的链接和正在点击的链接。正确设置顺序应为`a:link`、`a:...
C#全能速查宝典
04-26
1.4.34 Random类——伪随机数生成器 75 1.4.35 Regex类——正则表达式 76 1.4.36 Split方法——分割字符串 78 1.4.37 String类——字符串 79 1.4.38 StringBuilder类——可变字符串 82 1.4.39 Substring方法——截取...
一图搞定a链接的四个伪类
通俗易懂
04-24 1753
a链接的四个伪类 a:link {}：设置超链接a在未被访问前的样式 a:visited {}：设置超链接a在其链接地址已被访问过时的样式 a:hover {}：设置元素在其鼠标悬停时的样式 a:active {}：设置元素在被用户激活（在鼠标点击与释放之间发生的事件）时的样式 ...
＜a＞伪类和重要的hover伪类
weixin_41387874的博客
04-20 477
写在之前 可能已经在编程中见过了，在<a>标签被点击之前呈现蓝色，<a>标签点击之后呈现紫色，鼠标点击<a>标签的瞬间，呈现红色。原因是存在一个超链接伪类。 超链接伪类 超链接伪类用于定义<a>标签在不同状态下的颜色，如：鼠标点击前、鼠标点击时、鼠标点击后和鼠标悬浮在<a>标签上时。 直接在<a>标签中定义color可以起到和a:link一样的效果。 关于为什么打开页面之后，<a>标签都是紫色，是因为这个链接在之前被点
超链接伪类（a标签伪类选择器）
comegoing_xin_lv的博客
07-11 1107
超链接伪类常见使用
与超链接(a元素)息息相关的4种伪类选择器，你都用过吗？
一碗周
08-25 2987
Hello 大家好，我是一碗周，不是你想的那个“一碗粥”，是一个不想被喝掉的前端????????‍????，如果我写的文章有幸可以得到你的青睐，万分有幸~ 这是【从头学前端】系列文章的第二十三篇-《与超链接(a元素)息息相关的4种伪类选择器》 编写不易转载请获得允许 本篇文章我们将来学习与超链接(a元素)息息相关的哪些伪类选择器，本篇文章涉及的内容如下所示： :link伪类选择器 CSS中提供的:link伪类选择器用于选中那些没有被访问过的<a>元素，且<a>元素必须包含hr
CSS:超链接伪类
yiXin_Chen的博客
12-23 1967
超链接伪类: a:link, 设置超链接基础样式 a:visited, 设置超链接点击过的样式 a:hover, 设置鼠标悬停在上方时的样式 a:active, 设置鼠标点击中的样式 其它标签常用的伪类 :hover :active 示例: .t1 a:hover{ color: yellow; } .t1 a:active{ color: green; } ...
列表和超链接
weixin_45725142的博客
09-20 1156
裂变和超链接 1、列表标签 （1）无序列表 无序列表是一种不分排序的列表，各个列表项之间没有顺序之分。无序列表使用ul标签定义，内部可以嵌套多个li标签（li是列表项）。 ul和li标签都拥有type属性，用于指定列表项目符号。 type的属性值 ①disc（默认值）：实心圆 ②circle：空心圆 ③square：实心方块 不定义type属性时，列表项目符号显示为实心圆，设置属性将按照设置为准。 不赞成使用无序列表的type属性，一般通过CSS样式属性代替。 ul中只能嵌套li，直接在ul标签中输入文字的
超链接标签的CSS伪类link,visited,hover,active
weixin_30294021的博客
09-13 1121
CSS伪类，是一种特殊的类，它针对到CSS选择器起作用，使选中的标签或元素产生特定的效果。 CSS伪类的语法就是： 选择器 : 伪类名 { 属性 : 属性值 } 用的最多的伪类就是超链接a的伪类，有:link，:visited，:hover，:active，而且需要按照这个顺序设置，有个简单的记法是，取首字母组成 love hate，记住“爱恨”就行了。 1...
CSS之——伪类选择器设置超链接样式和创建按钮式超链接（学习笔记）
weixin_39941298的博客
07-24 6821
一、使用CSS伪类别来设置超链接样式 链接的四种状态： a:link             普通的，未访问的链接 a:visited:       用户已访问的链接 a:hover         鼠标指针位于链接的上方 a:active:        链接被点击的时候   二、创建按钮式超链接 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;h...
css超链接伪类知识点
最新发布
05-11
CSS超链接伪类主要用于改变超链接在不同状态下的样式，常用的伪类有以下几个： 1. :link：表示普通的、未访问的链接状态。 2. :visited：表示已访问的链接状态。 3. :hover：表示鼠标悬停在链接上时的状态。 4. :...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值