a元素的伪类

已于 2022-07-12 20:25:02 修改
阅读量161 收藏 1
点赞数 4
文章标签： 前端 html
于 2022-07-12 20:04:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52813099/article/details/125750396
版权

目录

a元素伪类有四种属性

2.visitde

3.hover

4.active

a元素伪类有四种属性

 注意：link,visited两个属性只可以对链接设置

2.visitde

3.hover

4.active

抒写格式：

 

运行结果：

           1.link访问前

 

           2.visited访问后

 

           3.hover鼠标悬放时

 

           4.active鼠标点击时

 

Slxa 安.
关注
  • 4
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
浅析a标签的4个伪类
cui_angel的专栏
06-20 4万+
关于伪类，大家最熟悉的还是a标签的4个伪类： :link        有链接属性时 :visited    链接地址已被访问过 :active     被用户激活(在鼠标点击与释放之间发生的事件) :hover      其鼠标悬停 关于这四个伪类的排列次序，很多地方都能查到，可是为什么这么排列？从来没有见过有人提及。这里我就从技术、用户体验、优先级几个角度简单的阐述下我们为什么这
a标签的伪类元素
m0_45884629的博客
02-24 2117
一、a的伪类通俗来说就是给超链接a添加四种状态 第一种状态未点击 语法：a:link{color:#FFF} 第二种状态点击过也是访问过的 语法：a:visited{color:#fof} 第三种状态点击过后的 语法a:hover{color:yellow;} 第四种状态点击中的 语法a:active{color:pink;} 注意点：1.规定一定要先设置选择器推荐使用class类名，不会引起冲突，或者使用后代选择器精确匹配以防打算全局的状态。伪类选择器的权重级和普通选择器的权重级别一样。
a标签的四个伪类
weixin_68107052的博客
08-21 2354
css中a标签的4个伪类
a元素的几种伪类选择器
SSS4362的博客
06-28 1287
本文讲解了a元素的4种伪类选择器的语法以及在同一个css里面写了4种伪类选择器时应该遵循的原则(LVHA)
a 标签的四种伪类 (:link, :visited, :hover, :active) 同时出现时的顺序问题
For Geek
11-22 3355
a 标签的四种伪类 (:link , :visited, :hover, :active) 的顺序如下 (1) :link 选择所有未访问链接 (2) :visited 选择所有访问过的链接 (3) :hover 选择鼠标在链接上面的链接 ( :hover 选择器器可用于所...
a标签伪类的作用及书写顺序是什么
09-28
为了在用户交互过程中改变`<a>`标签的视觉效果，CSS提供了四种伪类选择器，分别是`:link`、`:visited`、`:hover`和`:active`，这些伪类可以组合应用以实现不同状态下的样式变化。本文将详细探讨这些伪类的作用以及...
元素的伪类1
08-08
在这个话题中，我们将深入探讨四个与`a`标签相关的伪类，它们是`a:link`、`a:visited`、`:hover`和`:active`，这些都与链接的行为和外观紧密相关。 首先，`a:link`伪类用于定义未被访问过的链接或正常状态的链接的...
css伪类伪元素域高级选择器的介绍
09-25
### CSS伪类、伪元素与高级选择器详解 #### 一、CSS伪类与伪元素概述 CSS（层叠样式表）是一种用于控制网页样式和布局的语言，它提供了丰富的选择器来帮助开发者更加灵活地控制页面元素。其中，**伪类**和**伪元素...
CSS伪类/伪元素选择器整理
09-25
CSS伪类及伪元素选择器，如超链接的a：link、a：visited、a：hover等等，本文整理了一些，喜欢的朋友可以收藏下
a标签的四个css伪类(link、visited、hover、active)样式理解
09-25
伪类是CSS 用于向某些选择器添加特殊的效果，chrome和firefox中的css监控并不会显示所有的样式，有些显示会有点不全，IE下还是有点问题的，不过大体不变
有关于a标签的4个伪类的使用方法
11-30
复制代码代码如下: a:link{color:#f30;}a:visited{color:#000;}a:hover{color:#fff;}a:active{color:#f99;} 原理　　 首先伪类的特殊性（应用优先级）是同样的，所以后出现的伪类会覆盖先出现的伪类（同时激活） lvha 规则是由于CSS特殊性导致，css特殊性有一个按顺序的规则（同一条css规则，后出现会覆盖前面的同样规则） 在这里，比如把hover放在active后面，那么实际你在激活（active）链接的时候就触发了hover伪类，hover在后面覆盖了active的颜色，所以始终无法看到active的颜色 如果
css第二课（伪类选择器，a元素的伪类，继承，选择器权重，display）
fdhfhj的博客
11-21 404
伪类选择器，a元素的伪类，继承，选择器权重，display
a伪类
qq_37805832的博客
09-17 868
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> a:
a标签伪类的使用
从零出发
11-04 4917
a标签的伪类 伪类的作用 :link =&amp;amp;amp;gt; 向未被访问的链接添加样式。 :visited =&amp;amp;amp;gt; :visited 向已被访问的链接添加样式。 :hover =&amp;amp;amp;gt; :hover 当鼠标悬浮在元素上方时，向元素添加样式。 :active =&amp;amp;amp;gt; :active 向被激活的元素添加样式。即鼠标按下时的样式。 代码举例 HTML文件 &amp;a
a标签的那些个伪类
农夫阿才
12-19 1096
1.a标签的几种状态 a 标签应该有几种状态呢？ 从它的作用我们可以分析出， 我想知道这个超链接点过没有， 就存在两种状态， a:link 表示点击过， a:visited表示已访问过。 在浏览京东、淘宝的时候， 我们还可以发现， 当鼠标悬浮在某个标签上， 它会变大， 这种鼠标悬浮在超链接的状态为 a:hover 2.a:link的使用 &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt...
a标签伪类选择器
qq15045846160的博客
03-15 2153
一、四种状态： 默认状态 a:link 点击后状态 a:visited 悬停状态 a:hover 长按状态 a:active &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;a标签伪类选择器&lt;/..
CSS中a标签的伪类元素的使用
lu10505的博客
05-14 2735
a:link        链接未被点击时的状态a:visited      链接点击过后的状态a:hover      鼠标移动到链接上时的状态a:active       点击链接时的状态
CSS中 a标签的4个伪类
恬静的男子的博客
10-24 5654
类：class .test{}//选中class=&quot;test&quot;的元素 伪类：元素的某个状态 a:link 正常的a标签状态 a:hover 鼠标经过a标签时的状态 a:visisted 鼠标点击后的a标签的状态 a:active 鼠标点击瞬间a标签的状态 a:visisted{ color:#66cc66 } ...
css 伪元素和伪类
最新发布
01-25
CSS中的伪类和伪元素是用来选择文档中特定元素的一种方式。它们可以帮助我们对元素进行样式化或者添加特定的效果。伪类和伪元素的区别在于它们的语法和作用对象。 1. 伪类（Pseudo-classes）：伪类用于选择处于特定...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值