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

2020-07-21  本文已影响0人  Poppy11

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 之后,才是有效的。

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;
        }
    }
}
上一篇 下一篇

猜你喜欢

热点阅读