链接伪类选择器

最新推荐文章于 2023-10-12 21:13:58 发布
最新推荐文章于 2023-10-12 21:13:58 发布
阅读量1.4k 收藏 3
点赞数
分类专栏： Web开发 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/The_last_knight/article/details/86549738
版权

链接伪类选择器

  什么是伪类选择器，伪类选择器是向某些选择器添加特殊效果，比如为链接添加特殊效果,链接伪类选择器有四个，分别为

link:    未访问过的链接状态
visited: 已访问过的链接状态
hover:   鼠标放上去时的链接状态
active:  鼠标按下时的链接状态

  类选择器使用点.,而伪类选择器使用冒号:。

  现在我们有这个需要，当未访问链接时，链接字体为25px,无下划线，当鼠标放上去时，颜色变为红色，当按下时颜色变为橙色，当访问后，颜色为绿色。CSS样式按如下写

a:link
最低0.47元/天 解锁文章
The_last_knight
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
伪类选择器的使用和语法
09-19
伪类选择器的使用和语法 摘要：本文将详细介绍伪类选择器的使用和语法，包括伪类选择器的作用、语法、案例演示和注意事项等。 一、伪类选择器的作用 伪类选择器是一种特殊的选择器，可以选中某些元素，并且可以...
附录12-伪类选择器
potato123232的博客
09-08 1639
伪类就是内容的状态，比如这个在我鼠标没放上去的时候，它是这样的放上去之后它变色了这个用的就是伪类选择器伪类选择器包含很多，我们这里先讲链接伪类选择器，伪类选择器用冒号表示，冒号后接伪状态伪类选择器都是可以不加前面元素的，一般是当子元素的某些条件用的，我们会在下面的反选中做一个例子。
【CSS】CSS 复合选择器 ④ ( 链接伪类选择器 | a:link 默认样式 | a:visited 已访问样式 | a:hover 鼠标移动样式 | a:active 选定链接样式 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
03-06 3406
一、链接伪类选择器 1、语法说明 2、常用方式 3、代码示例
对a:link,a:visited,a:hover,a:active理解
lks2012的专栏
04-12 690
１：解释 link:连接平常的状态 visited:连接被访问过之后 hover:鼠标放到连接上的时候 active:连接被按下的时候       详细的：　 :hover版本：CSS1/CSS2　 兼容性：IE4+ NS4+ 语法： Selector : hover { sRules } 说明： 设置对象在其鼠标悬停时的样式表属性。 在CSS1中此伪
链接伪类选择器详解
daimatong的博客
05-09 1875
　链接伪类选择器： 　　为了和我们之前学的选择器相区别 　　类选择器用一个点，比如.suv{} 　　伪类用两个点的冒号,比如:link() 　　伪类选择器作用： 　　用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，比如可以选择第1个 ...第n个元素。伪类选择器很多种，本文先讲链接伪类选择器。 　　a:link //未访问的链接 /*未访问过的链接*/ a:link { color:#333; text-decoration:none; } 　　a:visited .
css 伪类选择器
weixin_43294560的博客
11-17 1837
css 伪类选择器。
CSS控制链接显示状态的CSS伪类
09-25
此外，我们还可以结合类选择器来创建自定义的链接样式。例如，如果我们有一个链接类`.web`，我们可以这样写： ```css a.web:link { /* 针对.web类未访问链接的样式 */ } a.web:visited { /* 针对.web类已访问链接...
css对边框的属性控制和链接的伪类选择器
12-13
本篇主要介绍css对边框(border)的属性控制和链接(link)的伪类选择器. 边框(border): css控制的边框属性包括border-width, border-color, border-style. Border之所以让人很困惑主要源于IE5错综复杂的BUG, 由于IE5是...
css伪类伪元素域高级选择器的介绍
12-13
CSS（层叠样式表）是网页设计中用于控制布局和样式的语言。...理解并熟练运用这些伪类和伪元素以及高级选择器，能够大大提高CSS的编写效率和代码的可维护性。在实际的网页设计和开发中，掌握这些技术是至关重要的。
html5，css3笔记(基础)
m0_64425900的博客
04-03 853
网站是由网页组成，网页包括文字，图片，音频，视频等元素。每个基础选择器都有使用场景，都需要掌握如果是修改样式，类选择器是使用最多的color 属性用于定义文本的颜色。所谓内部样式表，就是在html页面内部写样式，但是是单独写到style标签内部。Emmet语法的前身是Zen coding,它使用缩写，,来提高html/css的编写速度，Vscode内部已经集成该语法.1.快速生成HTML结构语法2.快速生成CSS样式语法。
CSS 伪类选择器＜a＞ 的四个伪类选择器
猿码互联
10-12 1199
CSS 伪类选择器是用于选择文档中没有特殊语义的元素并给它们应用样式的一种方法。其中，伪类选择器 a 是针对 HTML 超链接元素的伪类选择器，用于在链接状态下应用样式。常见的 a 伪类选择器有四种，分别是：hover、active、visited 和 focus。以上是伪类选择器 a 的四种常见用法及其代码示例。需要注意的是，伪类选择器的顺序也很重要，因为某些样式可能会被覆盖。例如，visited 和 active 伪类选择器需要放在 hover 伪类选择器的前面，才能确保样式正确应用。
CSS的继承性和选择器优先级
Bulut0907
01-23 1154
目录1. 继承性2. 优先级2.1 复合选择器权重相加 1. 继承性 子元素可以继承父元素中以text- 、font- 、line- 开头和color样式 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>test title</title> <style> div {
CSS复习笔记
格式化小拓
10-12 802
CSS复习笔记
CSS复合选择器之链接伪类选择器及总结
qq_45739910的博客
09-29 958
伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊的效果，或者选择第1个，第n个元素. 同时将复合选择器进行了总结
css中的伪类选择器有哪些
热门推荐
李青不吃螺蛳粉的博客
03-26 1万+
1 伪类选择器 ① 动态伪类选择器（5个） :link 选择地址没有被访问过的超链接元素 :visited 选择地址被访问过的超链接元素 :hover 选择鼠标悬停在上面的元素。 :active 选择鼠标在上面并且按键按下不松手的元素 :focus 选择获取焦点的元素。 ② 目标伪类选择器（1个） :target 选择当前锚点指向的元素。 ③ 语言伪类选择器 (1个，了解) lang() 根据语言选择元素（lang 属性的值） ④ UI元素伪类选择器（3个） :enabled 选择可以使用
CSS三大特性
酒涩博客
01-08 797
CSS三大特性：层叠行、继承性、优先级。 1、层叠性 相同选择器给设置相同的样式，此时一个样式就会被覆盖（层叠）另一个冲突的样式。层叠性主要是解决样式冲突的问题。 层叠性原则: 样式冲突，遵循的原则就是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠。 2、继承性 继承：子标签继承父标签的某些样式，文本颜色，字号等。 恰当的使用继承可以优化我们的代码，降低CSS样式的复杂性。 子元素可以继承父元素的样式字体颜色属性 （text-、font、line、以及color属性）
css 伪类选择器（链接伪类选择器、结构伪类选择器、目标伪类选择器）
weixin_44046450的博客
06-21 5550
css 伪类选择器（链接伪类选择器、结构伪类选择器、目标伪类选择器 链接伪类选择器：顾名思义就是用于链接的伪类选择器。a的伪类标签有:a:link、a:visited、a:hover、a:active，a:link表示的是未访问的链接，a:visited表示已访问的链接 ，a:hover表示鼠标移动到链接上，a:active表示的是选定的链接（当我们点击别松开鼠标，显示的状态） 现在来演示一下，代...
html伪类选择器代码
最新发布
11-13
3. :visited 伪类选择器用于已访问链接的样式变化： ```css a:visited { color: gray; } ``` 4. :focus 伪类选择器用于元素获得焦点时的样式变化： ```css input:focus { border: 2px solid blue; } ``` 5. :...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值