Question

很抱歉，如果这是一个愚蠢的问题，但我真的不知道是什么问题。我正在尝试改变div的悬停颜色，但我的代码似乎不起作用。
这是我使用的代码：

HTML

<div class="slike_i_text">


    <a href="#"><div>
    <img align="left" src="wolf.jpg"/><span>Text 1</span></div></a>

    <a href="#"><div>
    <img align="left" src="wolf.jpg"/><span>Text 2</span></div></a>



</div>

CSS

.slike_i_text div{
    overflow: hidden;
    width:300px;
    margin-bottom: 10px;
    text-decoration: none;
}
.slike_i_text div img{
    width:80px;
    height:80px;
}
.slike_i_text div span{
    color: #6A6A6A;
font-family: arial;
font-size: 15px;
font-weight: bold;
}
.slike_i_text a{
    text-decoration: none;
}
.slike_i_text div:hover  .slike_i_text div span{
    color:lightgreen;

}

你可以找到我的小提琴 here 。

Answer 1

您可以尝试此操作（Updated Fiddle Example）：

.slike_i_text div:hover span{
    color:lightgreen;
}

而不是：

.slike_i_text div:hover  .slike_i_text div span{
    color:lightgreen;
}

Answer 2

您不必像.slike_i_text div:hover .slike_i_text div span那样使用.slike_i_text div:hover span。

小提琴here

在div悬停时更改跨度颜色

2 个答案: