css - 我可以使用 LESS 将当前选择器作为字符串访问吗？

Question

我想利用我的 css 类的名称来指定它们所依赖的图像的 url。我知道在选择器中使用 & 符号可以添加其他状态，但我想知道我是否可以将它作为字符串访问？我想做如下事情:

.my-image{
    background: url('images/@{&}.png');
}

并将其编译为:

.my-image{
    background: url('images/my-image.png');
}

再三考虑，我现在发现我还需要以某种方式删除前导句点，但无论如何 - 有没有办法将选择器名称捕获为属性定义中的字符串？

Answer 1

好吧，这不是你想象的那样，但也许它能解决你的问题。

用你想要的选择器的所有值创建一个数组，然后让编译器创建规则(I've found the code here):

@images: 'my-image', 'cool-image', 'foobar';

.-(@i: length(@images)) when (@i > 0) {
    @name: e(extract(@images, @i));
    &.@{name} {background: url("images/@{name}.png")}
    .-((@i - 1));
} .-;