悬停图片链接,更改文字css

时间:2013-11-22 17:12:55

标签: javascript html css

我正在使用wordpress插件,因此我不想过多编辑HTML输出。有什么我可以在这里做的,所以悬停图像或文本将给出相同的结果,只是将文本更改为不同的颜色。

以下是我正在使用的工作 - http://jsfiddle.net/3JE62/

<section id="featured-post-5" class="widget featuredpost">
<div class="post-240 post type-post status-publish format-standard category-projects entry gfwa-3 gfwa-odd"><a href="http://www.kylezipp.com/really-awesome-people/" title="Really Awesome People" class="alignnone"><img width="250" height="200" src="http://www.kylezipp.com/wp-content/uploads/2013/09/rap.png" class="alignnone" alt="rap"></a>
<h2><a href="http://www.kylezipp.com/really-awesome-people/" title="Really Awesome People">Really Awesome People</a></h2></div><!--end post_class()--></div>
</section>

1 个答案:

答案 0 :(得分:0)

您可以扩展您的选择器以获取<a>

#featured-post-5 a:hover, #featured-post-5 a:hover + h2 a {
color: #5fb336;
}

演示 http://jsfiddle.net/3JE62/2/