需要CSS3的帮助吗

这是html和css3

<div id="sitename">
    <div class="logo">
    <a class="home" href="#"><img src="logo.png" /></a>
    </div>
    <span class="someclass"><a class="home" href="#">Home</a></span>
    <span class="recharger">Some text</span>
    <span class="reload">Some other text</span>
</div>

.reload {
    position: absolute;
    top: 70px;
    left: 181px;
    width: 140px;
    -webkit-transition: opacity;
    -webkit-transition-duration: 400ms;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: opacity;
    -moz-transition-duration: 400ms;
    -moz-transition-timing-function: ease-out;
    -o-transition-property: opacity;
    -o-transition-duration: 400ms;
    -o-timing-function: ease-out;
    transition: opacity;
    transition-duration: 400ms;
    transition-timing-function: ease-out;
    opacity: 0;
    filter:alpha(opacity=0);
}
??? {
    opacity: 1 !important;
    filter:alpha(opacity=100) !important;
}

一些文本
其他一些文本
.重新加载{
位置：绝对位置；
顶部：70像素；
左：181px；
宽度：140px；
-webkit转换：不透明度；
-webkit转换持续时间：400ms；
-webkit过渡计时功能：缓解；
-moz过渡特性：不透明度；
-moz转换持续时间：400ms；
-moz过渡计时功能：缓解；
-o-过渡性质：不透明度；
-o-过渡持续时间：400ms；
-o-定时功能：缓解；
过渡：不透明度；
过渡时间：400ms；
过渡定时功能：缓解；
不透明度：0；
过滤器：alpha（不透明度=0）；
}
??? {
不透明度：1！重要；
过滤器：alpha（不透明度=100）！重要；
}

当我将鼠标悬停在.home（2个位置）上时，我想使.reload中的文本出现。我应该用什么来替换？？？用什么

---

谢谢

使用CSS，您需要嵌套元素，例如：

<a class="home" ...><span class="reload">...</span></a>

否则，您将不得不使用JavaScript来解决这个问题。您可以在jQuery中轻松做到这一点：

$('a.home').hover(function () {
  $('.reload').css('opacity',1);
  $('.reload').css('filter','alpha(opacity=100)');
});

---

使用CSS时，需要嵌套元素，例如：

<a class="home" ...><span class="reload">...</span></a>

否则，您将不得不使用JavaScript来解决这个问题。您可以在jQuery中轻松做到这一点：

$('a.home').hover(function () {
  $('.reload').css('opacity',1);
  $('.reload').css('filter','alpha(opacity=100)');
});

---

最接近您想要的是通用同级组合器

~

，但是元素（

.home

和

.reload

）必须位于相同的嵌套级别

所以如果你的html是

---

引用

~

组合器将两个 选择器并匹配第二个 仅当前面有 首先，两者都有一个共同的父母

---

最接近您想要的是通用同级组合器

~

，但是元素（

.home

和

.reload

）必须位于相同的嵌套级别

所以如果你的html是

---

引用

~

组合器将两个 选择器并匹配第二个 仅当前面有 首先，两者都有一个共同的父母

---

我想不出一种有效的CSS实现方法（可能有，但我想不出来），但你考虑过javascript吗。很容易做到。想不出一种有效的CSS方法（可能有，但想不出来），但是你考虑过javascript吗。“很容易做到。”我知道，还有一个灌木丛。。如果CSS是唯一的选择，我只是建议其他路线..哈哈，是的，我知道我只是在开玩笑@另一个灌木丛，我知道。。如果CSS是唯一的选择，我只是建议其他路线..哈哈，是的，我知道我只是在开玩笑！一些次要注释：

.css（）

可以处理多个属性更改

$（'.reload'）.css（{'opacity'：1，'filter'：'alpha（opacity=100）；

并且它们不必相互嵌套；）一些次要注释：

.css（）

可以处理多个属性更改

$（'.reload'）.css（{'opacity'：1，'filter'：'alpha（不透明度=100）；

而且它们不必嵌套在一起；）

.home:hover ~ .reload{
    opacity: 1 !important;
    filter:alpha(opacity=100) !important;
}