• 【前端开发】:CSS中的链接伪类选择器


    链接伪类选择器也是一种选择器,它可以向某些选择器当中添加特殊的效果。比如给链接添加特殊的效果。它的使用方法如下所示:

    :link /# 未访问的链接#/
    :visited /# 已经访问的链接#/
    :hover /#鼠标移动到链接上 #/
    :active /# 选定的链接#/

    用了这四个关键字,我们就可以对链接的颜色进行自定义了,我们可以定义其未访问的链接,已经访问的链接,鼠标移动到链接上,以及选定的链接的样式和颜色了。

    点击之后的效果如下所示:原本未访问时的链接颜色我们定义为了红色,访问后我们定义为了灰色。鼠标进行选定时,我们定义为了白色

     代码如下所示:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>伪链接选择器</title>
        <style>
        a:link
        {
        color:red;
        }
        a:visited
        {
        color:gray;
        }
        a:hover
        {
        color:white;
        }
        a:active:
        {
        color:black;
        }
        </style>
    </head>
    <body>
    <div><a href="##">秒杀</a></div>
    </body>
    </html>
  • 相关阅读:
    Leetcode 12. Integer to Roman
    Leetcode 133. Clone Graph
    Leetcode 199. Binary Tree Right Side View
    Leetcode 200. Number of Islands
    React通过Ajax获取数据
    canvas鼠标点击划线
    制作图片墙
    CSS制作翻牌特效
    输入框制作方法
    初来咋到
  • 原文地址:https://www.cnblogs.com/geeksongs/p/14380602.html
Copyright © 2020-2023  润新知