css - 在 LESS 中分组 css 选择器以供伪类使用

Question

假设我有一组要应用伪类的元素，有没有一种方法可以在一个变量中定义多个元素，然后一次将一个伪类应用到所有这些元素？像这样:

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

@inputs {
    //some styles;
}

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

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

Answer 1

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

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

   &:focus {
      // styles for focus
   }

   &:hover {

   }
}