悬停变化元件的所有实例的属性（CSS）(Change property of all instanc

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

在这里看到： http://jsfiddle.net/8KFwh/4/

我期待能够将鼠标悬停只是其中的一个改变一切的文章元素，白色的背景色。 此外，你将鼠标悬停在会改变它的人的背景色为绿色，使所有的文章内容，除了一个白色。

我知道这会很容易在JS做的，但我想知道是否有可能在CSS做。

谢谢，任何帮助都是欢迎的。

Answer 1:

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

Answer 2:

如果您在包裹一个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;
}

这可能不会工作，虽然在所有浏览器。

文章来源: Change property of all instances of element on hover (CSS)