css - 为了清晰起见，有没有一种方法可以对 CSS 选择器进行分组？

Question

如果我有十几个 CSS 选择器，并且想为所有这些选择器分配 :hover 属性，我习惯这样做:

selector, selector2, someOtherSelector, someSelector div {
    //some properties
}
selector:hover, selector2:hover, someOtherSelector:hover, someSelector div:hover {
    //some properties
}

输入 :hover 四次似乎是多余的。有没有办法像这样对选择器进行分组

(selector, selector2, someOtherSelector, someSelector div):hover {
     //some properties
}

代替？

Answer 1

不是原生的 CSS。通过使用类似 SCSS 的东西，你可以这样写:

selector, selector2, someOtherSelector, someSelector div {
  // some properties

  &:hover {
    // some more properties
  }
}