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

番茄西红柿发布于2019-04-23 11:44 / 3628人阅读

摘要：通过我们的观察发现标签存在一定的状态默认状态从未被访问过被访问过的状态鼠标长按状态鼠标悬停在标签上状态什么是标签的伪类选择器标签的伪类选择器是专门用来修改标签不同状态的样式的格式修改从未被访问过状态下的样式修改被访问过的状态下的样式修改鼠标

1.通过我们的观察发现a标签存在一定的状态

1.1默认状态, 从未被访问过

1.2被访问过的状态

1.3鼠标长按状态

1.4鼠标悬停在a标签上状态

2.什么是a标签的伪类选择器?

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

3.格式

:link 修改从未被访问过状态下的样式

:visited 修改被访问过的状态下的样式

:hover 修改鼠标悬停在a标签上状态下的样式

:active 修改鼠标长按状态下的样式

4.注意点

4.1a标签的伪类选择器可以多带带出现也可以一起出现

4.2a标签的伪类选择器如果一起出现, 那么有严格的顺序要求

编写的顺序必须要个的遵守爱恨原则 love hate

4.3如果默认状态的样式和被访问过状态的样式一样, 那么可以缩写

在企业开发中编写a标签的伪类选择器最好写在标签选择器的后面 2.在企业开发中和a标签盒子相关的属性都写在标签选择器中(显示模式/宽度/宽度) 3.在企业开发中a标签文字/背景/相关的都写在伪类选择器中。

云服务器 GPU云服务器元素选择器 js 子类元素选择器 jsp标签选择器 java标签c的元素

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1086.html

CSS节选——选择器

摘要：，，层叠样式表，请留意层叠概念。为了区分伪类和伪元素，伪元素采用双冒号写法。常见伪类。常见伪元素。和伪元素的用法和下特有的，用于在渲染中向元素逻辑上的头部或尾部添加内容。CSS，cascading style sheet，层叠样式表，请留意层叠概念。 css3为了区分伪类和伪元素，伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:targ...

番茄西红柿 2019-04-23 13:42 评论0 收藏0
玩转CSS选择器（二）之浏览器支持，常见Bug，性能优化

摘要：本节内容会跟着上一节的内容继续完善，首先会补充选择器的浏览器支持情况主要是说，比如我们最常用的群组选择器在时才被支持，并且还支持了很多我们没有想到的选择器，如子元素选择器，属性选择器，了解后你会发现还是挺了不起的。前言上一篇系列文章整理了CSS选择器的基础使用方法，因为内容较多且细致，写了很多DEMO，目前将它整理成适合移动端浏览器的CSS选择器的参考手册，方便学习CSS的人参考使...

y1chuan 2019-08-28 18:16 评论0 收藏0
第十二课 CSS基本选择器 css学习2

摘要：可以是数字，关键词或公式十一目标伪类选择器器目标伪类选择器选择器可用于选取当前活动的目标元素基础选择器一、标签选择器（元素选择器）标签选择器是指用HTML标签名称作为选择器，按标签名称分类语法：标签名{属性1:属性值1;属性2:属性值2;属性3:属性值3;} 二、类选择器1、类选择器使用.(英文)+类名进行选择三、css命名规范1、长名称或词组可以使用中横线来为选择器命名2、不建议使用_下...

khs1994 2019-04-23 11:48 评论0 收藏0
CSS 属性选择器的深入挖掘

摘要：如果页面上的链接很多或者对跳转页面的协议有要求，使用属性选择器配合伪元素对链接的协议进行提示也不失为一种好方法。 CSS 属性选择器，可以通过已经存在的属性名或属性值匹配元素。属性选择器是在 CSS2 中引入的并且在 CSS3 中得到了很好拓展。本文将会比较全面的介绍属性选择器，尽可能的去挖掘这个选择器在不同场景下的不同用法。简单的语法介绍 [attr]：该选择器选择包含 att...

luoyibu 2019-08-30 11:15 评论0 收藏0
css学习(一) 样式表及选择器

摘要：通用兄弟选择器通用兄弟元素选择器是新增加一种选择器，用于选择某元素后面的所有兄弟元素。样式表 1.link标签外部样式表。 media属性，这里使用的值为all,说明这个样式表要应用于所有表现的媒体。CSS2为这个属性定义很多可取值。all:用于所有表现媒体。 2.alternate 候选样式表候选样式表——将rel设置为alternate stylesheet，就可以定义候选...

luxixing 2019-08-29 11:12 评论0 收藏0