悬停更改范围：之前和之前的h3

Question

所以现在是时候争取比我更聪明的人的帮助了。我想要做的是让CSS悬停效果处理多个元素。

代码例如：

<div class="box alt">
    <div class="row uniform">
        <section class="4u 6u(medium) 12u$(xsmall)">
            <span class="icon alt major fa-sliders"></span>
            <h3>Title</h3>
        </section>
    </div>
</div>

当光标悬停在部分上时，我想更改span：before和h3：

cursor: pointer;
color: #00AEEF;
text-shadow: 1px 0 0 #00AEEF, -1px 0 0 #00AEEF, 0 1px 0 #00AEEF, 0 -1px 0 #00AEEF;

这可能吗？

谢谢，

博伽

Answer 1

您可以使用以下内容：

Example Here

.row section:hover span:before,
.row section:hover h3 {
    cursor: pointer;
    color: #00AEEF;
    text-shadow: 1px 0 0 #00AEEF, -1px 0 0 #00AEEF, 0 1px 0 #00AEEF, 0 -1px 0 #00AEEF;
}