css - 选择 :HOVER, 将样式应用于 :HOVER 元素的子元素不起作用

Question

谁能看出我在这里做错了什么？

我在 <a> 中有一些文本元素我想要 text-decoration:none在什么时候 <a>悬停在。请参阅下面的 HTML，我认为它应该可以工作，但是当我将鼠标悬停在 <a> 上时文字仍是下划线子<h2>和 <p> .

HTML

<a href="" class="link-box">
    <div>
        <span class="icon-stat"><i class="fa fa-users"></i></span>
        <h2>Membership Management</h2>
        <p>Some text here</p>
    </div>
</a>

CSS

a.link-box:HOVER h2, a.link-box:HOVER p {
    text-decoration: none;  
}

Answer 1

a:hover{
    text-decoration: none;
}

试一试

http://jsfiddle.net/L3pxr0tx/