Question

我想知道当他们将鼠标悬停在整个div而不仅仅是链接本身时，如何使链接变为蓝色。这可能与HTML＆amp; CSS？

举个例子：如果我有（jsfidde），如果你只是在灰色而不是实际的链接上，我怎么能让链接变成蓝色？

<style>
    #parent {
        background-color: gray;
        height: 100px;
        width: 200px;
    }
    #parent img {
        margin: auto;
        line-height: 90px;
    }
    #caption a {
        text-decoration: none;
        color: black;
    }
    #caption a:hover {
        color: blue;
    }
</style>
<div id="parent">
    <img src="http://www.cedexis.com/images/icons/32-social.png?1389641973" />
    <div id="caption"> <a href="jsfiddle.net">This is a caption</a>

    </div>
</div>

Answer 1

#parent:hover a
{
    color: blue;
}

Answer 2

DEMO

#parent:hover #caption a {
    color:blue;
}

Answer 3

像这样：http://jsfiddle.net/techsin/7MLSb/2/

#parent:hover a {
    color: blue;
}

当父母盘旋时，将其中的所有内容变为蓝色。

Answer 4

使用此

#parent:hover #caption a {
    color: blue;
}

而不是这个

#caption a:hover {
    color: blue;
}

将鼠标悬停在div上时显示文本修饰

4 个答案: