a标签的伪类选择器

通过我们的观察发现a标签存在一定的状态:
1.默认状态, 从未被访问过;
2.被访问过的状态;
3.鼠标长按状态;
4.鼠标悬停在a标签上状态;

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

格式
:link 修改从未被访问过状态下的样式;
:visited 修改被访问过的状态下的样式;
:hover 修改鼠标悬停在a标签上状态下的样式;
:active 修改鼠标长按状态下的样式;

注意点

  1. a标签的伪类选择器可以单独出现也可以一起出现;

  2. a标签的伪类选择器如果一起出现, 那么有严格的顺序要求;
    编写的顺序必须严格的遵守爱恨原则 love hate;

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

    1.在企业开发中编写a标签的伪类选择器最好写在标签选择器的后面;
    2.在企业开发中和a标签盒子相关的属性都写在标签选择器中(显示模式/宽度/高度/padding/margin);
    3.在企业开发中和a标签文字/背景相关的都写在伪类选择器中。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • # a标签的伪类选择器 # cursor属性(光标样式) 1.通过观察,a标签存在一定的状态 1.1 默认状态,从...
    KsKison阅读 829评论 0 0
  • 今天我们来学习一下a标签的4个伪类选择器:①a:link选择器:修改从未被访问过的a标签样式。②a:visited...
    xf0128阅读 558评论 0 0
  • a标签的伪类选择器(用来修改a标签的不同状态的样式的) 格式 :link(从未被访问过) :visited(被访问...
    小白古阅读 1,906评论 0 0
  • a标签的伪类选择器有4种表现形式; 1;a:link /*a标签没被访问过;a标签在网页中的显示方式*/ 2;a:...
    pangzhi阅读 511评论 0 0
  • a标签的状态 :link 默认状态, 从未被访问过,存在兼容问题, 使用:-webkit-any-link解决 :...
    LiYajie阅读 666评论 0 0