在 LESS 中对 CSS 选择器进行分组以供伪类使用答案

【问题标题】：Group css selectors in LESS for pseudo class use在 LESS 中对 CSS 选择器进行分组以供伪类使用
【发布时间】：2013-07-16 03:55:36
【问题描述】：

假设我有一组要应用伪类的元素，有没有办法在变量中定义多个元素，然后一次将伪类应用于所有元素？像这样：

@inputs: input[type=text], input[type=email], input[type=password], textarea;

@inputs {
    //some styles;
}

@inputs:focus{
    //some focus-specific styles;
}

抱歉，如果这太明显了，我对LESS比较陌生

【问题讨论】：

Sass 可以通过 字符串插值 做到这一点（参见：stackoverflow.com/a/17370693/1652962）。不确定这是否可以应用于 LESS。
@cimmanon：在这个特定时间（LESS 1.4.1），在 LESS 的变量中使用逗号分隔的字符串作为一组选择器似乎存在错误（或缺少功能），所以I submitted an issue on it.

标签： css less

【解决方案1】：

我不确定您是否可以这样做，但这也可以。我假设您只想编写一次 long 伪类。

input[type=text], input[type=email], input[type=password], textarea {
   // styles for normal

   &:focus {
      // styles for focus
   }

   &:hover {

   }
}

【讨论】：