悬停时字形图标和文本同时变色

Question

我在使用 CSS 技术时遇到困难。也许我遗漏了什么，但我想在查看 Jquery 选项之前先在这里问一下。

.glyphicon:hover {
        color: rgba(255, 255, 255, 0.60);
}

用于更改悬停时的字形颜色。

.h2footer a:hover {
        color: white;
}

可以在悬停时更改其下方的文本元素颜色。

但我正在努力实现，而如果您将鼠标悬停在字形图标上，字形图标的颜色及其下方的文本都会改变颜色。

意思是，根据下面的示例，如果您将鼠标悬停在表单字形图标上，颜色会改变，但它下面的文字 'Forms'.

也会改变颜色

https://jsfiddle.net/534gynwv/

Answer 1

为什么不呢：

<div class="col-md-4 double-highlight">
    <a href="#"><i class="glyphicon glyphicon-calendar marketing"></i></a>
    <h2 class="h2footer"><a href="#">Schedule an<br> Appointment</a></h2>
    <p></p>
</div>

并且：

.double-highlight:hover .glyphicon, .double-highlight:hover .h2footer a{ color:white; }

悬停时字形图标和文本同时变色

Glyphicon and Text Simulatenous Color Change on Hover

css

hover

glyphicons