7

如果我有十几个 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
}

反而?

4

3 回答 3

5

不是原生的 CSS。通过使用类似SCSS的东西,您可以编写:

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

  &:hover {
    // some more properties
  }
}
于 2011-01-25T05:15:59.763 回答
4

如果它们都共享相同的悬停属性,您可以创建一个为所有定义您的 :hover 的人共享的类

所以你会得到:

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

可重用的类使代码更简洁。

于 2011-03-25T14:22:32.543 回答
3

可悲的是,不幸的是,没有简单的方法来做你想做的事情。除非您想将样式移动到 jQuery 或其他东西(但这不是一个好的解决方案)。

于 2011-01-25T04:31:39.547 回答