所有元素的悬停设置

Question

如何为只有一个声明的所有元素设置悬停效果？

示例：

#element1: hover, #element2:hover, #element3:hover, #element4:hover {
background: color
}

我想说：只悬停一次。

如何使用更短的方式？

Answer 1

您可以改为将一个类赋予您想要具有悬停效果的所有元素。

之后，您只需要一次css调用：

.myHoverClass:hover {
  /* My code here */
}

Answer 2

*:hover { color: red; }

  

Asterisk（*）是CSS的通用选择器。它匹配单个   任何类型的元素。用简单的选择器省略星号   同样的效果。例如，考虑* .warning和.warning   相等。

Answer 3

你可以，但不推荐它，因为它可能导致一些奇怪的级联或特异性问题。

使用通用选择器

*:hover  {
your styles here
}