美文网首页
CSS伪类样式(less父级选择器&)

CSS伪类样式(less父级选择器&)

作者: Poppy11 | 来源:发表于2020-07-21 11:21 被阅读0次

link是未访问的时候,visited是已访问的时候,hover是鼠标移动到链接上时,active选定的时候

a:link {color: #FF0000}     /* 未访问的链接 */
a:visited {color: #00FF00}  /* 已访问的链接 */
a:hover {color: #FF00FF}    /* 鼠标移动到链接上 */
a:active {color: #0000FF}   /* 选定的链接 */

提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。

提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。

  • less当中父级选择器为&
    有css样式如下
div{width:500px; height:500px; border:1px solid red;}
div a{color:orange;}
div a:hover{color:red;}

同样使用less样式

div{
    width:500px; 
    height:500px; 
    border:1px solid red;
    a{
        color:orange;
        &:hover{
            color:red;
        }
    }
}

相关文章

  • CSS伪类样式(less父级选择器&)

    link是未访问的时候,visited是已访问的时候,hover是鼠标移动到链接上时,active选定的时候 提示...

  • Css中样式的优先级

    Css中样式的优先级 !important>行内样式>ID选择器>类、伪类、属性>元素、伪元素>继承>通配符 !i...

  • 2017-3-23 less

    Parent Selectors (父级选择器) 1、使用&引用父选择器LESS: CSS: 2、Changing...

  • 前端知识

    一. CSS选择器以及选择器的优先级 1.!important 内联样式 ID选择器 类选择器/属性选择器/伪类选...

  • 2017-3-22 less

    Extend伪类 样式的继承使用 LESS: CSS: 命名空间和作用域 指定命名空间LESS: CSS: 私有作...

  • css简单标签

    使用简单的css制作如下样式标签: 其中css的伪类选择器:empty注意下: 1.伪类选择器::empty(该元...

  • CSS样式优先级

    1.CSS样式优先级如下: 元素(类型)选择器(如,h1) < 伪元素(如,::before) < 类选择器(如,...

  • 微信小程序样式基础

    样式选择器 基本选择器 CSS伪类选择器 http://www.w3school.com.cn/css/css_p...

  • js知识复习上

    1.web的标准:结构、样式、行为 2.css的选择器优先级:!important>行内style>ID>类、伪类...

  • CSS伪类与伪元素简单了解

    CSS 伪类 CSS 伪类用于向某些选择器添加特殊的效果。 :active | 向被激活的元素添加样式。 :foc...

网友评论

      本文标题:CSS伪类样式(less父级选择器&)

      本文链接:https://www.haomeiwen.com/subject/fwtikktx.html