css超链接的伪类

1, a:link有些浏览器不支持,不推荐使用

2,这些样式的顺序不可以改变
a:focus

        /* a:link{
             color: red;
         } */
         a{
             color: red;
             text-decoration: none;  /* 去掉超链接下横线 */
         }
         /* 访问过后的样式 */
         a:visited{
            color: pink;
         }
         /* 鼠标移动上去的样式 */
         a:hover{
             color: green;
             /* text-decoration: underline; */   /* 显示下横线 */
             /* text-decoration: line-through; */   /* 贯穿线 */
         }
        /* 激活状态下的样式 ,长按的时候会改变*/
        a:active{
             color: black;
        }
    </style>
</head>
<body>
      <a href="#" >百度一下</a>
</body>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,298评论 0 40
  • 1.CSS简介 Cascading Style Sheet 层叠样式表 主要用来定义页面中的表现,HTML 描述页...
    hyt222阅读 914评论 0 0
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,110评论 0 1
  • 链接 //#代表空链接 a标签是内联元素,如果两个内联元素之间出现了空格或者换行,那个勿乱出现多少次,内联元素中...
    Miss____Du阅读 1,239评论 3 4
  • 01 因为写公众号的原因,最近经常有人在后台留言,问:怎样才能像我这样,一直坚持保持勤奋滴更文? 说真的,我自己真...
    内观姐姐阅读 1,123评论 26 24