html - 悬停时的 css 适用于前 3 个，然后不适用。 WordPress的

Question

我目前正在制作具有悬停效果的页脚图像。 前 3 个工作正常，但后 2 个不想工作。 我对 css 和 html 使用相同的代码，有人可以帮助我吗？ 这是我为每个人使用的代码。

CSS 示例:

.rssfade {
position:relative;
display:block;
height:32px;
width:32px;
background:url(images/social-icons/LinkedIn.png) 0 0 no-repeat;
}

.rssfade span.hover {
position:absolute;
top:0;
left:0;
display:block;
height:32px;
width:32px;
background:url(images/social-icons/LinkedIn-c.png) 0 -0px no-repeat;
}

HTML 示例:

 <div id="bottom-social">
                    <ul>
                        <li><a class="rssfade" href="http://www.linkedin.com/profile/view?id=325809071&trk=nav_responsive_tab_profile"><span></span></a></li>

Answer 1

将 .rssfade span.hover 更改为 .rssfade span:hover

你需要 : 伪元素才能工作