使用CSS预处理器引用元素中存在的类

时间:2016-08-02 03:43:42

标签: sass less css-preprocessor

我尝试使用CSS预处理器来减少编写代码时的重复。在我的html中,这些元素只有一个类。我想从像

这样的东西
a.USA{background: url('images/USA.gif'};
a.EUR{background: url('images/EUR.gif'};
a.JPN{background: url('images/JPN.gif'};

到以下伪代码:

a.USA,a.EUR,a.JPN{
  background: url('images/[THE-NAME-OF-THE-ACTUAL-CLASS-USED].gif');
}

我怎么能在LESS或Sass中做到这一点(哪个不重要)?

1 个答案:

答案 0 :(得分:3)

正如哈利所说,输出会是一样的。但它可能与sass。这里的示例是您搜索的内容: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#each-directive