Utjecanje na druge elemente na hover

http://www.google.com/goodtoknow/

Kako napraviti da smanjim opacity svih ostalih elemenata prilikom prelaska na određeni? Svi imaju opacity na 1, ali kada pređete mišem preko jednoga, svima ostalima se opacity smanji.

Zanima me može li se ovo uraditi preko CSS-a ili je Javascript u pitanju? Ako je Javascript, također neke smjernice bi dobrodošle.

Probaj nešto na ovu temu :

@charset “utf-8”;
/* CSS Document */

.novi{
width:500px;
height:500px;
background:#06F;}

.m:hover {
color:rgba(255,0,0,0.5);
width:500px;
height:500px;
}

.m:hover div[class=novi]{

background:#FF0;}

Malo opširnije :
@charset “utf-8”;
/* CSS Document */

.novi{
width:500px;
height:500px;
background:#06F;}

.m:hover {
color:rgba(255,0,0,0.5);
width:500px;
height:500px;
}

.m:hover div[class=novi]{
background:#FF0;}

.m:hover div:first-child{
background:#900;}


<!doctype html>

MarjanovDokument
abcd
:kriz: