html – 更改div悬停时的跨度颜色

概述很抱歉,如果这是一个愚蠢的问题,但我真的不知道是什么问题.我正在尝试改变div的悬停颜色,但我的代码似乎不起作用. 这是我使用的代码： HTML <div class="slike_i_text"> <a href="#"><div> <img align="left" src="wolf.jpg"/><span>Text 1</span></div></a> <a 很抱歉,如果这是一个愚蠢的问题,但我真的不知道是什么问题.我正在尝试改变div的悬停颜色,但我的代码似乎不起作用.
这是我使用的代码：

HTML

<div >    <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.

解决方法 你可以试试这个( Updated Fiddle Example)：

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

而不是这个：

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

总结

以上是内存溢出为你收集整理的html – 更改div悬停时的跨度颜色全部内容，希望文章能够帮你解决html – 更改div悬停时的跨度颜色所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。