html a元素的伪类

于 2022-07-27 20:25:25 发布
阅读量235 收藏
点赞数
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44030866/article/details/126022419
版权

a元素伪类有四种属性

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

2.visitde

3.hover

4.active

css格式

    <style>
      /* 需求一：给未访问过的超链接加红色字体 */
      /*1、:link  用来表示未访问过的链接（正常链接） */
      .a1:link {
        color: red;
      }
      /* 需求二：给访问过的超链接加绿色字体 */
      /*2、:visited 用来表示访问过的链接
               由于隐私的原因，所以visited只能改颜色 */
      .a1:visited {
        color: green;
      }
      /* 需求三：鼠标移入，链接字体变大到30px */
      /* 3、:hover 用来表示鼠标移入的状态 */
      .a2:hover {
        font-size: 30px;
        /* display: none; */
      }
      /* 需求四：鼠标点击后，增加背景色pink */
      /* 4、:active  鼠标点击后的状态 */
      .a2:active{
        background-color: pink;
      }
    </style>

body格式

<body>
    <a href="https://www.taobao.com/" class="a1">超链接</a>
    <a href="https://www.baidu.co" class="a2">百度</a>
  </body>

显示状态

隙间来客
关注
第四篇 HTML5 伪类与伪元素
m0_66451927的博客
01-27 4400
一、伪类 1、概念： CSS伪类（Pseudo-classes）用于定义元素的特殊状态，用来添加一些选择器的特殊效果。下面我们分四种了解伪类，分别是first-child伪类、超链接伪类、CSS类和伪类、其他伪类。 1.1、first-child伪类 概念：first-child 伪类来选择父元素的第一个子元素，选择器匹配作为任何元素的第一个子元素的 <p> 元素。 语法：子元素（选择器）+ 空格 +first-child + {定义的样式}； 看看下面的例子 ...
css第二课（伪类选择器，a元素的伪类，继承，选择器权重，display）
fdhfhj的博客
11-21 442
伪类选择器，a元素的伪类，继承，选择器权重，display
有关于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的颜色 如果
a元素伪类
qq_69761234的博客
05-16 114
:link 用来表示未访问过的链接 :visited 用来表示访问过的链接 注意：由于隐私问题，大部分的浏览器对访问的链接，只能设置颜色 :hover 鼠标移入的效果 :active 鼠标点击效果 注意： 1:link visited 只对a标签产生效果，hover active 对所有标签都可以产生效果 2:如果要同时设置这四个伪类，那么伪类是有顺序要求的 <!DOCTYPE html> <html...
a标签相关
sofia1217的专栏
05-12 439
a:link，定义正常链接的样式； a:visited，定义已访问过链接的样式； a:hover，定义鼠标悬浮在链接上时的样式； a:active，定义鼠标点击链接时的样式。
【CSS】a元素的伪类
yy_bazinga的博客
03-09 365
a元素的伪类:link:visited:hover:active :link 用来表示没访问过的链接（正常的链接）。 a:link{ color: red; } 此时没有访问过的链接会变成红色。 :visited 用来表示访问过的链接。 由于隐私的原因，所以visited这个伪类只能修改链接的颜色。 a:visited{ color: red; } 此时访问过的链接会变成红色。 :hover 用来表示鼠标移入的状态。 a:hover{ color: red; font-s
a元素的伪类
qq_52813099的博客
07-12 180
目录 a元素伪类有四种属性 1.link访问前 2.visited访问后 3.hover鼠标悬放时 4.active鼠标点击时 注意：link,visited两个属性只可以对链接设置1.link2.visitde3.hover4.active抒写格式： 运行结果：
a标签伪类的作用及书写顺序是什么
09-28
在HTML中，`<a>`标签是用来创建超链接的基础元素，它可以链接到其他网页、文件、邮箱地址等。为了在用户交互过程中改变`<a>`标签的视觉效果，CSS提供了四种伪类选择器，分别是`:link`、`:visited`、`:hover`和`:...
a标签的四个css伪类(link、visited、hover、active)样式理解
09-25
对于HTML中的a标签，CSS提供了一组特定的伪类，即link、visited、hover和active。这些伪类用于定义a标签在不同状态下的样式表现，从而提升用户的交互体验。下面详细介绍这四个伪类的含义和用法。 1. link伪类：link...
html前端基本选择器 伪类 伪元素笔记
qq_64353584的博客
01-17 916
前端基础知识
019-a元素的伪类
qq_36150351的博客
01-29 162
<!DOCTYPE html> <html lang="zn"> <head> <meta charset="UTF-8"> <title>a元素的伪类</title> <style> /* :link 用来表示没访问过的链接（正常的链接） */ a:link{ color: red; .
HTML <a> 标签的伪类
weixin_33883178的博客
11-06 205
伪类的语法： selector : pseudo-class {property: value} CSS 类也可与伪类搭配使用。 selector.class : pseudo-class {property: value} 例如： a.red : visited {color: #FF0000} &lt;a class="red" href="css_synt...
a标签的那些个伪类
农夫阿才
12-19 1141
1.a标签的几种状态 a 标签应该有几种状态呢？ 从它的作用我们可以分析出， 我想知道这个超链接点过没有， 就存在两种状态， a:link 表示点击过， a:visited表示已访问过。 在浏览京东、淘宝的时候， 我们还可以发现， 当鼠标悬浮在某个标签上， 它会变大， 这种鼠标悬浮在超链接的状态为 a:hover 2.a:link的使用 &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt...
html a标签4个伪类,#a标签的伪类选择器
weixin_39738251的博客
06-24 736
今天我们来学习一下a标签的4个伪类选择器：①a:link选择器：修改从未被访问过的a标签样式。②a:visited选择器：修改已经被访问过的a标签样式。③a:active选择器：修改链接被长按时的样式。④a:hover选择器：修改鼠标悬停在a标签上的样式。举个列子：[html] view plain copyprint?a标签伪类选择器明天你好我们在路上----------------------...
html标签伪类,伪类
weixin_39981400的博客
06-20 822
CSS 选择器总结2021-06-13 21:35:37CSS 是用于网页设计可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面，而不用改变页面的标签。好一段时间不用 CSS ，有一些基础知识的记忆有点模糊了，今天再做一次总结记录，方便日后回顾复习。选择器分类在 CSS 中，选择器可分为以下几类：基本选择器(通配选择伪元素和伪类2021-06-13 10:05:13伪元素和伪类的根...
css伪类
shaonian1996
02-11 1352
关于css伪类包括两种：UI伪类  结构化伪类一 UI伪类：基于特定HTML元素的状态应用样式。1 链接伪类（四种状态）link 点击前；Visited 点击之后；Hover 鼠标悬停在链接上；Active 点击时；以下是4个伪类选择符：a:link{color:black;} a:visited{color: #ccc;} a:hover{text-decoration: none;} a:ac...
html a标签4个伪类,a标签的4个伪类
weixin_31001069的博客
06-24 307
更多资料源码请加3252897743第1天 html 1、HTTP协议 2、html是纯文本3、html骨架4、DTD文档类型5、head标签6、body标签7、html基本语法8、h系列的标签9、p标签10、img标签11、a标签12、div和span含义第2天 html1、无序列表2、有序列表3、定义列表6、表格基础7、合并单元格8、三个划分区域的语义标签9、form标签10、inpu...
走心的a元素伪类顺序分析
cicada23的博客
04-15 451
众所周知a元素有4种常见状态伪类，:link :visited :hover :active。几乎在接触这些伪类的同时，我们也被告知了，这四个伪类的设置是有顺序的，也就是我们常说的lv好。之后，我们就一直这么用着，一直享受着这种设计带给我们的便利，但这其中的原理和
a元素的几种伪类选择器
SSS4362的博客
06-28 1399
本文讲解了a元素的4种伪类选择器的语法以及在同一个css里面写了4种伪类选择器时应该遵循的原则(LVHA)
 css伪类与伪元素
最新发布
03-19
CSS伪类和伪元素是用于和样式化HTML元素的特殊选择器。它们允许我们根据元素的状态或位置来选择元素，并为其应用不同的样式。 1. 伪类（Pseudo-classes）： - 伪类用于选择处于特定状态的元素，例如鼠标悬停、被点击、被选中等。 - 一些常见的伪类包括：`:hover`（鼠标悬停）、`:active`（被点击）、`:visited`（被访问过）、`:focus`（获得焦点）等。 - 伪类的语法是在选择器后面使用冒号加上伪类名称，例如：`a:hover`、`input:focus`。 2. 伪元素（Pseudo-elements）： - 伪元素用于在元素的某个部分上应用样式，例如在元素的前后插入内容、改变元素的第一个字母样式等。 - 一些常见的伪元素包括：`::before`（在元素前插入内容）、`::after`（在元素后插入内容）、`::first-letter`（选择第一个字母）等。 - 伪元素的语法是在选择器后面使用双冒号加上伪元素名称，例如：`p::before`、`h1::first-letter`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值