• 技术文章 >Web开发 >css教程

    css中使用a标签的伪类选择器注意点

    小妮浅浅小妮浅浅2021-09-02 10:01:27原创3162

    注意点

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

    2、a标签的伪类选择器如果一起出现, 那么有严格的顺序要求。

    默认状态:link->被访问状态:visited->鼠标悬停状态:hover->鼠标长按状态:active。

    编写的顺序必须要遵守爱恨原则 love hate

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

    实例

    /* 简写格式 */
    a{
        color: green;
    }
    /* link:和 :visited样式一样,可以写成以上的简写格式,代码量减少,开发效率提高*/
    /*a:link{*/
        /*color: green;*/
    /*}*/
    /*a:visited{*/
        /*color: green;*/
    /*}*/

    以上就是css中使用a标签的伪类选择器注意点,希望对大家有所帮助。更多css学习指路:css教程

    本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    专题推荐:css伪类选择器
    品易云
    上一篇:CSS兄弟选择器的两种类型 下一篇:css盒模型布局是什么

    相关文章推荐

    • css中outline方法的使用• Vue框架在PostCSS中使用sass的方法• CSS实现轮播图的方法• css内联样式的盒子模型• css标签选择器的使用注意• css中id选择器的注意点• css中类选择器的注意事项• css后代选择器的使用• css子元素选择器的介绍• css后代选择器和子元素选择器的区别• CSS并集选择器的介绍• CSS兄弟选择器的两种类型

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网