Bootstrap 3选项卡悬停样式问题

Question

如果有人可以看一下，那么将这两种悬停样式“结合”在一起执行时，我会遇到一个问题。

http://jsfiddle.net/H8vUW/

我需要这些徘徊者：

.services-icon:hover {
color: #fff;
cursor: pointer;
}

.services-icon-holder:hover {
background: #272727;
cursor: pointer;
}

当用户将鼠标悬停在每个标签名称（设计，网上商店，社交网站等）上时激活

另外，我还可以通过增加图标的高度和宽度来使图标在圆圈悬停时变为白色，但是这对我来说有点麻烦，例如，当您将鼠标移到圆圈的开头时，图标不会变白！

这是活动和悬停的示例： http : //aliensix.com/lightningbolt/example.jpg

活动将带有箭头，悬停而没有箭头。

Answer 1

这里FIDDLE 。

您必须在持有人的悬停上触发两个CSS。 当您将鼠标悬停在图标上时，这也会自动触发父对象的悬停。

.services-icon-holder:hover {
    background: #272727;
    cursor: pointer;
    width: 60px;
    height: 60px;
}

.services-icon-holder:hover .services-icon {
    color: #fff;
    cursor: pointer;
}