字符串中的SASS变量\[重复\]

CSS

西里神奇

2020-03-23

大家好，我是SASS的新手（据我所知），并且正在使用mixins。

基本上有一种方法可以将变量链接到字符串，这是我正在尝试执行的操作，但是会引发错误。（这是一个精简版）

@mixin post-link ($class, $color, $hover) {
    a.$class:link {
        color: $color;
    }
    a.$class:hover {
        color: $hover;
    }
}

链接我说这比我在mixin中尝试做的要简单一些（完整的变量更多）。

编辑：应该添加我正在使用指南针。谢谢

第2590篇《字符串中的SASS变量\[重复\]》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
Stafan逆天 2020.03.23

是的，您只需要使用变量插值。例：

@mixin post-link ($class, $color, $hover) {
    a.#{$class}:link {
        color: $color;
    }
    a.#{$class}:hover {
        color: $hover;
    }
}

SassMeister上的示例：http ://sassmeister.com/gist/9533103

关键是在变量名周围添加#{和}使其扩展。

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android