css – LESS：如何使用嵌套指定当前标记？

2023年1月9日 215次阅读

我有下一个CSS：

.button {
    background-color: black;
    border-radius: 4px;
    color: white;
}

a.button {
    text-decoration: none;
    color: white;
}

我想用LESS重新制作它,例如：

.button {
    background-color: black;
    border-radius: 4px;
    color: white;

    a& {
        text-decoration: none;
        color: white;
    }
}

但它会生成下一个(错误的)CSS：

.button {
    background-color: black;
    border-radius: 4px;
    color: white;
}

/* unexpected space */
a .button {
    text-decoration: none;
    color: white;
}

我该怎么办？

最佳答案 这完全是一个版本问题.正如@freejosh评论的那样,它已在LESS的最新版本中得到解决.如果你把上面的代码带到
http://less2css.org/那么它运行正常(运行LESS 1.3.3,虽然你可以将版本更改为1.3.0并且看到它不再按预期运行并将空间放入).

由于您声明运行lessc 1.3.0,因此需要升级LESS版本.

点赞