HTML 链接 伪类选择器

最新推荐文章于 2021-10-26 21:43:03 发布
最新推荐文章于 2021-10-26 21:43:03 发布
阅读量1k 收藏 1
点赞数 2
分类专栏： 笔记 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46619184/article/details/105070956
版权

HTML 链接 伪类选择器

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

注意：写的时候他们的顺序尽量不要颠倒，按照 lvha 的顺序。（love hate）
(love hate)

标签 :____{
colo:red;
}
部分style 部分style
最后结果
在这里插入图片描述
在这里插入图片描述
仔细观察第二张图片和第三张图片差别

小C@
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS 伪类选择器详解：为网页添加交互与美感
a451319296的博客
05-11 470
伪类选择器是CSS中一种特殊的选择器，用于选取处于某个特定状态的元素。常用的伪类选择器包括：hover、active、visited、focus、first-child、nth-child等。使用伪类选择器可以很方便地改变元素的样式，增强页面的交互性和可读性。
css伪类（超链接）
11-08
css伪类 超链接 连接的用法 描述 link的样式说明
链接伪类选择器
小白girl
08-21 5432
用：表示 ：link 位访问的链接 ：visited 已经访问过的链接会发生改变 ：hover 鼠标移动到链接上会发生改变 ：active 选定的链接 顺序不能变 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&a
【前端开发】：CSS中的链接伪类选择器
极歌科技
02-06 197
链接伪类选择器也是一种选择器，它可以向某些选择器当中添加特殊的效果。比如给链接添加特殊的效果。它的使用方法如下所示： :link /# 未访问的链接#/ :visited /# 已经访问的链接#/ :hover /#鼠标移动到链接上 #/ :active /# 选定的链接#/ 用了这四个关键字，我们就可以对链接的颜色进行自定义了，我们可以定义其未访问的链接，已经访问的链接，鼠标移动到...
连接伪类选择器
wusiye_123456的博客
01-14 396
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> a:link{ /*未访问过的*/ font-size: 16px; color :gray; fo...
HTML5&CSS3网页制作：结构化伪类选择器.pptx
05-31
HTML5和CSS3是现代网页制作的核心技术，其中CSS3的结构化伪类选择器是增强网页样式控制的重要工具。这些选择器允许开发者更精确地定位和应用样式，提高页面设计的灵活性和可维护性。 首先，`:root`选择器用于选取...
css3之UI元素状态伪类选择器实例演示
09-27
CSS3引入了多种UI元素状态伪类选择器，这些选择器允许我们在不同的用户交互状态下改变元素的样式，从而使Web界面更加动态和用户友好。以下详细介绍和实例演示了几个常用的UI元素状态伪类选择器。 1. E:hover选择器 ...
HTML伪类选择器
qq_45769329的博客
10-26 1706
1.链接伪类选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* 1.给未访问的链接选出来设置样式 a:link */ a:link { color: blue; text-.
CSS伪类/伪元素选择器整理
09-25
CSS中的伪类和伪元素选择器是用于增强网页内容表现力的重要工具。伪类主要用于定义元素的特殊状态，而伪元素则允许我们向文档树中插入新的虚拟元素。以下是对这些选择器的整理和详细解释： 1. 超链接伪类 - :link...
链接的伪类选择器
10-10 233
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=...
CSS的链接伪类选择器
Harris-H的博客
10-15 514
CSS的链接伪类选择器 a:属性a:属性a:属性 四个属性，见下面的注释。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> &
html中伪类选择器
小白
10-23 5771
html中伪类选择器 伪类选择器，并不是像之前css中选择器一样，选择一种标签，而是选择标签的一种状态，是属于html标记语言内容。    例如以a标签为例，    a:link{ }    表示鼠标没有被点击之前。CSS。    a:hover{ }   表示当鼠标放在标签上时，CSS变化。    a:active{ }  表示鼠标点击的瞬间，CSS发生变化。    a:visite
对a:link,a:visited,a:hover,a:active理解
lks2012的专栏
04-12 699
１：解释 link:连接平常的状态 visited:连接被访问过之后 hover:鼠标放到连接上的时候 active:连接被按下的时候       详细的：　 :hover版本：CSS1/CSS2　 兼容性：IE4+ NS4+ 语法： Selector : hover { sRules } 说明： 设置对象在其鼠标悬停时的样式表属性。 在CSS1中此伪
【温故知新】CSS学习笔记（链接伪类选择器）
少年休闲海
04-15 625
链接伪类选择器 伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果。 之前我们学过类选择器，以点“.”开头，为了区分开来，伪类选择器则是以冒号“:”开头。 类选择器： .demo { } 伪类选择器： :link { } 链接伪类选择器通常有以下四个： :link 未访问的链接 :visited 已访问的链接 :hover 鼠标移...
css 伪类选择器（链接伪类选择器、结构伪类选择器、目标伪类选择器）
weixin_44046450的博客
06-21 5561
css 伪类选择器（链接伪类选择器、结构伪类选择器、目标伪类选择器 链接伪类选择器：顾名思义就是用于链接的伪类选择器。a的伪类标签有:a:link、a:visited、a:hover、a:active，a:link表示的是未访问的链接，a:visited表示已访问的链接 ，a:hover表示鼠标移动到链接上，a:active表示的是选定的链接（当我们点击别松开鼠标，显示的状态） 现在来演示一下，代...
CSS特殊选择器：伪类选择器详解与应用
总结来说，伪类选择器是CSS中的重要工具，它们使开发者能够更精细地控制元素的外观和交互行为，提供了一种优雅的方式来处理元素的特定状态和位置，而无需修改HTML结构。通过熟练掌握和应用这些伪类选择器，可以提升...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值