• 技术文章 >web前端 >前端问答

    css3链接伪类有哪些

    青灯夜游青灯夜游2021-12-09 15:31:59原创107

    css3链接伪类有5个,分别为:1、“:link”,设置未被访问的链接的样式;2、“:visited”,设置已经被访问的链接的样式;3、“:hover”,设置将鼠标悬浮在链接上的样式;4、“:active”;5、“:focus”。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    什么是css链接伪类?

    css链接伪类就是css内置类,css内部本身赋予它一些特性和功能,用于向链接添加特殊的效果。

    css链接伪类是用来给链接添加特殊效果。

    CSS伪类是用来添加一些选择器的特殊效果,是用于已有元素处于某种状态时为其添加对应的样式,这个状态是根据用户行为而动态变化的。

    用于链接的几个伪类元素

    正常的未被访问过的链接

    a:link {
        text-decoration: none;
    }

    已经访问过的链接

    a:visited {
        text-decoration: none;
    }

    鼠标划过(停留)的链接

    a:hover {
        text-decoration: none;
    }

    正在点击的链接,鼠标在元素上按下还没有松开

    a:active {
        text-decoration: none;
    }

    获得焦点的时候 鼠标松开时显示的颜色

    a:focus {
        text-decoration: none;
    }

    (学习视频分享:css视频教程

    以上就是css3链接伪类有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css3 链接伪类
    上一篇:css中利用什么属性控制列表的样式 下一篇:css3动画类型有哪些

    相关文章推荐

    • css3中如何把图片叠加在一起• css3如何实现缩放动画效果• css3怎样实现不是直角的菱形效果• css3怎样实现圆环旋转效果• css3怎样设置超出的文本隐藏

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网