更改悬停时元素的所有实例的属性（CSS）

Question

我有一组文章元素，使用nth-child将其背景色设置为蓝色，其余为红色。

在这里看到：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; 
} 

虽然这可能不适用于所有浏览器。