a标签的伪元素选择器

最新推荐文章于 2023-02-27 20:26:59 发布

HUA050105

最新推荐文章于 2023-02-27 20:26:59 发布

阅读量493

点赞数

原文链接：http://www.cnblogs.com/zhaili/p/8607402.html

版权

静止状态：a:link{css属性}

悬浮状态 a:hover{css属性}

触发状态 a:active{css属性}

完成状态 a:visited{css属性}

转载于:https://www.cnblogs.com/zhaili/p/8607402.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

HUA050105

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

CSS选择器：基本选择器、复合选择器、伪类选择器、伪元素选择器

pan_junbiao的博客

07-11

2401

CSS选择器包含：基本选择器、复合选择器、伪类选择器、伪元素选择器。基本选择器包括：元素选择器、类选择器、ID 选择器、属性选择器。最常见的 CSS 选择器是元素选择器。换句话说，HTML文档的元素就是最基本的选择器。例如设置 HTML 样式，选择器通常是某个 HTML 元素，如 p、h1、a 等，甚至可以是 HTML 本身。在 HTML 中，各种各样的属性可以给元素添加很多附件信息，并且可以通过 JavaScript 控制这些附加属性的内如何状态。在使用 CSS 的时候，也可以使用这些附加属性来指定元素。

CSS选择器（基本选择器、关系选择器、属性选择器、伪类选择器、伪元素选择器、选择器权重及优先级）总结

shuimoguzhou的博客

10-19

869

参考MND在线文档整理-待更新完毕

参与评论您还未登录，请先登录后发表或查看评论

a标签伪元素选择器

weixin_30402085的博客

06-19

153

a{ color: black; } /*未访问的链接*/ a:link{ color: red; } /*访问过的链接*/ a:visited{ color: green; } /*鼠标经过时*/ a:hover{ color: yellow; } /*在鼠标点击的同时*/ ...

a标签的伪元素

weixin_42834788的博客

07-22

1313

1.通过我们的观察发现a标签存在一定的状态 1.1默认状态, 从未被访问过 1.2被访问过的状态 1.3鼠标长按状态 1.4鼠标悬停在a标签上状态 2.什么是a标签的伪类选择器? a标签的伪类选择器是专门用来修改a标签不同状态的样式的 3.格式 :link 修改从未被访问过状态下的样式 :visited 修改被访问过的状态下的样式 :hover 修改鼠标悬停在a标签上状态下的样式 :active ...

a标签的伪元素的应用——link，hover，visited，active

weixin_34375251的博客

01-18

345

a标签应用中，一般有四个状态：鼠标未移入前（link），鼠标移入时（hover），鼠标点击时（active），鼠标点击后（visited）。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="...

伪类选择器和伪标签选择器

weixin_40384952的博客

10-28

166

：单冒号来表示伪类，：：用双冒号来表示伪元素 伪类一般匹配的是元素的一些特殊状态，如hover、link等，而伪元素一般匹配的特殊的位置，比如after、before等。

132_css笔记13_css的伪类，伪元素，a标签

a_horse的博客

12-25

311

一，伪类(Pseudo-classes) 为选择器添加更多的效果伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类 选择器 示...

css伪类伪元素域高级选择器的介绍

12-13

CSS（层叠样式表）是网页设计中用于控制布局和样式的语言。...理解并熟练运用这些伪类和伪元素以及高级选择器，能够大大提高CSS的编写效率和代码的可维护性。在实际的网页设计和开发中，掌握这些技术是至关重要的。

html前端基本选择器 伪类 伪元素笔记

qq_64353584的博客

01-17

919

前端基础知识

伪元素选择器

wangming2531的博客

10-11

1241

伪元素选择器-:first-letter 伪元素选择器 特点:获取指定元素中某一部分文本而用的。 1、:first-letter 用于选取指定选择器（元素）的首字母 2、:first-line 用于选取指定选择器（元素）的首行文本 3、::selection 匹配被用户选取的部分 <!DOCTYPE htm...

选择器之伪类与伪元素选择器

挺挺人生的博客

11-20

491

选择器之伪类与伪元素选择器 一.链接伪类。锚点伪类：提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。提示：伪类名称对大小写不敏感。二.表单相关伪类。表单状态1：表单状态2： ===> 获取焦点： ===> ...

a链接之伪元素

fuxiaomi2016的博客

10-13

1036

a链接之伪元素lvha

a标签的伪类元素

m0_45884629的博客

02-24

2249

一、a的伪类通俗来说就是给超链接a添加四种状态第一种状态未点击语法：a:link{color:#FFF} 第二种状态点击过也是访问过的语法：a:visited{color:#fof} 第三种状态点击过后的语法a:hover{color:yellow;} 第四种状态点击中的语法a:active{color:pink;} 注意点：1.规定一定要先设置选择器推荐使用class类名，不会引起冲突，或者使用后代选择器精确匹配以防打算全局的状态。伪类选择器的权重级和普通选择器的权重级别一样。

a标签伪类选择器以及伪元素:hover的案例

weixin_33721344的博客

03-20

304

1.通过我们的观察发现a标签存在一定的状态1.1默认状态, 从未被访问过1.2被访问过的状态1.3鼠标长按状态1.4鼠标悬停在a标签上状态2.什么是a标签的伪类选择器?a标签的伪类选择器是专门用来修改a标签不同状态的样式的3.格式 :link 修改从未被访问过状态下的样式 :visited 修改被访问过的状态下的样式 :hover 修改鼠标悬停在a标签上状态下的样式 :active...

CSS3：伪对象选择器

小头Sophia

12-24

4467

1. :before 在盒子内容之前添加内容 :after 在盒子内容之后添加内容注意：before 和after必须和content结合使用，即使没有内容插入也要写content=' ' 示例代码： #poem:before{ content: '最是那一低头的温柔，'; } #poem:after{ content: '不胜凉风的娇羞。'; }

【CSS】a元素的伪类

yy_bazinga的博客

03-09

366

a元素的伪类:link:visited:hover:active :link 用来表示没访问过的链接（正常的链接）。 a:link{ color: red; } 此时没有访问过的链接会变成红色。 :visited 用来表示访问过的链接。由于隐私的原因，所以visited这个伪类只能修改链接的颜色。 a:visited{ color: red; } 此时访问过的链接会变成红色。 :hover 用来表示鼠标移入的状态。 a:hover{ color: red; font-s

CSS中 a标签的4个伪类

恬静的男子的博客

10-24

5689

类：class .test{}//选中class="test"的元素伪类：元素的某个状态 a:link 正常的a标签状态 a:hover 鼠标经过a标签时的状态 a:visisted 鼠标点击后的a标签的状态 a:active 鼠标点击瞬间a标签的状态 a:visisted{ color:#66cc66 } ...

a元素的伪类、伪元素选择器、选择器权重