Performance 元素：悬停多个元素：有快捷方式吗？

我有许多元素在CSS中具有

：hover

效果：

#twitterbt:hover, #googleplusbt:hover, #facebookbt:hover, #twitterfollow:hover, #googleplusfollow:hover, #facebookfollow:hover, #pinterest:hover {
    opacity: 0.7
}

是否有减少CSS代码的捷径（甚至可能对性能有轻微影响）

---

我认为唯一的方法是为每个元素添加一个类，但我不知道这是否是个好主意，是否还有其他方法

<div id="twitterbt" class="socialMedia"> ....

---

给他们一个普通的类：）如前所述，给他们一个普通的类。或者，您可以创建一个包含按钮父容器的选择器（但如果没有标记，这是有争议的）-

.socialMedia:hover{
    opacity:0.7;
}