CSS-a标签的伪类选择器

最新推荐文章于 2022-06-30 16:51:05 发布
最新推荐文章于 2022-06-30 16:51:05 发布
阅读量1.3k 收藏 4
点赞数 3
分类专栏： web前端开发 html 文章标签： html a标签的伪类选择器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44713430/article/details/100024834
版权

a标签的伪类选择器

a标签的伪类选择器是专门用来修改a标签不同状态的样式的

格式

:link 修改从未被访问过状态下的样式
:visited 修改被访问过的状态下的样式
:hover 修改鼠标悬停在a标签上状态下的样式
:active 修改鼠标长按状态下的样式

注意点

  • a标签的伪类选择器可以单独出现也可以一起出现
  • a标签的伪类选择器如果一起出现, 那么有严格的顺序要求 , 编写的顺序必须遵守爱恨原则 love hate
  • 如果默认状态的样式和被访问过状态的样式一样, 那么可以缩写

规范

  • 编写a标签的伪类选择器最好写在标签选择器的后面
  • 和a标签盒子相关的属性都写在标签选择器中(显示模式/宽度/高度/padding/margin)
  • 和a标签文字/背景相关的都写在伪类选择器中
「已注销」
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css伪类伪元素域高级选择器的介绍
12-13
注意上面这四个链接的伪类在使用的时候要有一定的顺序，即上面列举的顺序，否则看不到效果。可以简单记为LOVE(包含link和visited首字母)和HATE(包含hover和active的首字母)。   给段落定义样式 :first-letter 为一...
CSS a:hover伪类在IE6下的问题
09-25
描述中提到，虽然IE浏览器在处理CSS机制上曾经存在许多不足，但随着版本更新，尤其是在IE7及更高版本中，`:hover`伪类开始支持应用到除`a`标签之外的其他元素，这是一个显著的改进。然而，在IE6及更早版本中，`:...
a标签的四个css伪类(link、visited、hover、active)样式理解
11-30
伪类是CSS 用于向某些选择器添加特殊的效果。 a标签中有四个： link、visited、hover、active 未移入a标签链接时：link 移入a标签链接时：link、hover 点击a标签链接时：link、hober、active 点击后未移入a标签连接时：link、visited 点击后移入a标签连接时：link、visited、hover 点击后再次点击a标签连接时：link、visited、hover、active 这个就是所有组合的样式了。 如果有多个同样的样式，后面的样式会覆盖前面的样式，所以这四个伪类的定义就有顺序的要求了， 而大家所说的‘lvha’
a标签的伪类选择器
weixin_44630407的博客
11-29 165
a标签的伪类选择器 a标签在不同状态下有不同的样式 a标签的伪类选择器就是为了修改a标签在不同状态下的样式 :link 修改从未被访问过的a标签 :visited 修改被访问过的样式 :active 修改鼠标长按状态下的样式 :hover 修改鼠标悬停在a标签上的样式 a标签的伪类选择器可以同时出现也可以单个出现 如果同时出现要设置严格的定义顺序 爱恨原则 (love hate) l-&gt...
a标签——伪类选择器
西风的博客
12-11 341
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>a标签的伪类选择器</title> <style> a:link{
a标签伪类选择器
Methun
03-20 425
通过我们的观察发现a标签存在一定的状态 1默认状态, 从未被访问过 2被访问过的状态 3鼠标长按状态 4鼠标悬停在a标签上状态2.什么是a标签的伪类选择器? a标签的伪类选择器是专门用来修改a标签不同状态的样式的3.格式 :link 修改从未被访问过状态下的样式 :visited 修改被访问过的状态下的样式 :hover 修改鼠标悬停在a标签上状态下的样式 :active 修改鼠标
HTML5新增的Css选择器、伪类介绍
01-21
选择器 p[name^=“my”]{font-size:14px} 选择器 ^= 讲规则应用到所有 name属性以“my”开头的元素标签 p[name$=“my”]{font-size:14px} 选择器 $= 讲规则应用到所有 name属性以“my”结尾的元素标签 p[name*=“my...
CSS first-letter伪类元素的特点
09-25
`CSS first-letter`伪类元素是CSS中一种特殊的选择器，用于选中并样式化文本块的第一个字母。这个伪类可以应用于段落、标题等包含文本的元素，以实现特定的排版效果，如首字下沉或首字母加粗等。然而，它存在一些...
有关于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的颜色 如果
【29】CSS核心样式（7）——认识 a标签的四个伪类选择器
倏存的博客
04-06 1156
细了解伪类的概念，并学习几个a标签常用的伪类。
CSS学习笔记（9）【a标签伪类选择器】
OceanH的博客
03-15 305
CSS基础学习： a标签伪类选择器： 1. 观察发现a标签具有不同的状态： 1.1 默认状态，未被访问 link 1.2 被访问过的状态 visited 1.3 鼠标长按的状态 active 1.4 鼠标悬停的状态 hover 2. 什么是a标签的为类选择器？ 专门用来修改a标签不同状态的样式的 格式： <style> a:link{ color:skyblue; } a:visited{ color:green; } a:active{ color:orange
a标签——伪类选择器练习
西风的博客
12-11 279
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;a标签伪类选择器——练习&lt;/title&gt; &lt;style&gt; *{ mar
a标签伪类选择器练习（a标签导航栏）
407指导员
11-19 444
a标签伪类选择器练习 模拟导航栏，悬停修改背景/字体颜色,长按改变字体颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>a标签伪类选择器练习</title> <style> * { padding: 0; margin: 0;
CSS学习记录8/a标签的伪类选择器/弹性效果/手风琴效果
qq_49080239的博客
06-30 450
a标签存在一定的状态： 1、默认状态，从未被访问过 2、被访问过 3、鼠标悬停在a标签上的状态 4、鼠标长按a标签的伪类选择器：专门用来修改a标签不同状态的样式的。 :link修改从未被访问过状态下的样式 :visited修改被访问过的状态下的样式 :hover用来修改鼠标悬停在a标签上的状态的样式 :active专门用来修改鼠标长按状态下的样式注意点： 1、a标签的伪类选择器可以单独出现也可以一起出现。 2、a标签的伪类选择器如果一起出现，那么有严格的顺序要求。爱恨原则love hate 3、如果默认状态
涉及超链接a标签的几个伪类选择器（link,Visited,hover,active,），简单又常用
Alan_developer的博客
03-14 2098
a标签的伪类选择器 众所周知，a标签代表超链接，是行内标签，那涉及到a标签的伪类选择器有哪些呢？ 常用的有四个，link,visited,hover,active,具体用法如下： a:link{ color:red; } 表示超链接没有被访问时的样式，我这里写的颜色红色，代表超链接没有被访问时文本显示红色 a:visited{ color:orange; } 表示超链接被点击进去后的样式，比如我点击超链接页面进入了另一个页面，该超链接将会变成设定的样式，比如橙色 a:hover{ background:bl
css选择器
我爱美女S的博客
10-15 388
VSCode 自带的格式化器能够在保存时自动格式化 HTML 代码（包含其中的 CSS） VSCode 自带的格式化器目前不支持单独的 CSS 文件做格式化 复合选择器具有什么特点？ 对基础选择器进行组合 由两个或多个基础选择器，通过不同方式组合而成的 复合选择器能解决什么问题？ 更准确、更高效的选择目标元素 问题 3：常用的复合选择器有几类？ 4 类，本别是：后代、子代、并集、伪类 后代选择器的应用场景是什么？ 可以选择父元素中的子元素 后代选择器最终选中的元素是父代元素还是子代元素？ 后代选择器最终选中
伪类选择器属于什么标签
最新发布
07-22
伪类选择器并不属于特定的HTML标签，它是CSS中的一种选择器。伪类选择器用于选择元素的特定状态或位置，而不是针对特定的HTML标签。 举个例子，你可以使用伪类选择器来选择鼠标悬停在链接上时的样式，而不是选择...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值