1

我有一组文章元素，使用第 n 个子元素，奇数元素的背景颜色设置为蓝色，其余为红色。

见这里：http: //jsfiddle.net/8KFwh/4/

当您将鼠标悬停在其中一个上时，我希望能够将所有文章元素的背景颜色更改为白色。此外，您将鼠标悬停在上面的那个会将其背景颜色更改为绿色，除了一个之外，所有文章元素都是白色的。

我知道在 JS 中很容易做到，但我很想知道是否可以在 CSS 中做到。

谢谢，欢迎任何帮助:)

4

2 回答 2

6

如果您将所有文章包装在一个 div 中，例如

<div class="hover-test">
    <article class="post">ABC</article>
    <article class="post">ABC</article>
    <article class="post">ABC</article>
    <article class="post">ABC</article>
</div>

并使用这个 CSS 是可能的。

.post:hover {
background-color:green;
}

.hover-test:hover .post {
background-color: white;
}

.hover-test:hover .post:hover {
background-color: green;
}

不过，这可能不适用于所有浏览器。

于 2012-04-26T16:07:40.383 回答
6

你的意思是这样吗？http://jsfiddle.net/mkoistinen/8KFwh/5/

于 2012-04-26T15:59:25.150 回答