• 技术文章 >web前端 >css教程

    css伪类选择器介绍

    VV2020-07-01 17:01:16转载101

    伪类选择器:

    (推荐学习:css快速入门

    1、link、hover、active、visited

    a:link(未访问的链接状态),用于定义了常规的链接状态。

    a:hover(鼠标放在链接上的状态),用于产生视觉效果。

    a:active(在链接上按下鼠标时的状态)。

    a:visited(已访问过的链接状态),可以看出已经访问过的链接。

    a:link{color: black}
    a:hover{color: yellow}
    a:active{color: blue}
    a:visited{color: red}
     
    <a href="#">Nick</a>

    2、before、after

    P:before 在每个<p>元素的内容之前插入内容。

    P:after 在每个<p>元素的内容之后插入内容。

    p {
        color: yellow;
    }
    p:before{
        content: "before...";
    }
    p:after{
        content: "after...";
    }
    
    <p> Nick </p>

    以上就是css伪类选择器介绍的详细内容,更多请关注php中文网其它相关文章!

    本文转载于:csdn,如有侵犯,请联系a@php.cn删除
    专题推荐:css 伪类选择器
    上一篇:一文搞懂 flex中的自动 margin 下一篇:css如何垂直对齐容器中的元素
    第12期线上培训班

    相关文章推荐

    • css3 巧用结构性伪类选择器• 关于伪类选择器用法总结• 伪类选择器汇总• css伪类选择器有哪些?结构伪类选择器简介

    全部评论我要评论

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

    PHP中文网