# a标签的伪类选择器

# a标签的伪类选择器

# cursor属性(光标样式)

1.通过观察,a标签存在一定的状态

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

1.2 被访问过的状态

1.3鼠标长按状态

1.4 鼠标悬停状态

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

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

3.格式

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

a:visted 修改被访问过的状态样式

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

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

4.注意点

4.1 a标签的伪类选择器可以单独出现,也可以一起使用

4.2 a标签的伪类选择器如果一起出现,那么有严格的顺序要求,编写的顺序必须遵守 “爱(love)恨(hate)原则” :link/visted:/hover:/active:

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

格式

a{color: green;}

a:active{color: orange;}

a:hover{color: red}

1.在企业开发中编写a标签的伪类选择器最好写在标签选择器的后面

2.在企业开发中和a标签盒子相关的属性都写在标签选择器中(显示模式/宽度/高度/padding/margin)

3.在企业开发中和a标签文字/背景相关的都写在伪类选择器中

cursor属性(光标样式)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 今天我们来学习一下a标签的4个伪类选择器:①a:link选择器:修改从未被访问过的a标签样式。②a:visited...
    xf0128阅读 558评论 0 0
  • a标签的伪类选择器(用来修改a标签的不同状态的样式的) 格式 :link(从未被访问过) :visited(被访问...
    小白古阅读 1,906评论 0 0
  • a标签的状态 :link 默认状态, 从未被访问过,存在兼容问题, 使用:-webkit-any-link解决 :...
    LiYajie阅读 666评论 0 0
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,310评论 1 41
  • :hover{}为什么要在下面? a连接常用的伪类选择器有四种,根据CSS文档的推荐,这四个选择器最好按如下方式排...
    朱小维阅读 1,181评论 0 0