当鼠标悬停在div上时改变span颜色

Question

很抱歉这可能是一个愚蠢的问题，但我真的不知道问题出在哪里。我试图在div悬停时更改span的颜色，但我的代码似乎不起作用。
以下是我使用的代码：

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;

}

您可以在这里找到我的代码示例。

- Crion

Answer 1

你可以尝试这个 (更新过的Fiddle示例):

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

不要这样:

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

- The Alpha

---

谢谢，这正是我想要的。再次感谢 :D - Crion

请问Inline是什么意思？ - Gem

Answer 2

你不需要像这样写：.slike_i_text div:hover .slike_i_text div span，而应该使用.slike_i_text div:hover span。

这里是示例：fiddle

- Ranjit Singh

---

请问这里的“inline”是什么意思？ - Gem

你能给我一些上下文信息吗？ - Ranjit Singh