更改懸停時元素的所有實例的屬性（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; 
} 

雖然這可能不適用於所有瀏覽器。