让前端飞Web网页前端后台技巧(CSS+HTML)

【less】父选择符 &

2018-12-30  本文已影响3人  德育处主任
微信订阅号:Rabbit_svip

在 less 里的父选择符,其实主要是代表当前选择的元素本身。主要给伪类写样式的时候更加方便而已。

比如:

less代码

a {
    color: aqua;

    &:hover {
        color: lightcoral;
    }

}

转换后的CSS

a {
    color: aqua;
}
a:hover {
    color: lightcoral;
}

在结构上稍微有所变化。可能大多数人习惯了 css 的写法。
但如果 less 用多了,也许用 less 这种写法会觉得更好用~

上一篇下一篇

猜你喜欢

热点阅读