div#q img {width:120px;}
div#q:hover img:not(hover) {width:100px}
div#q:hover img:hover {width:200px}
>
> (vermutlich macht der IE Probleme)
Man könnte auch mit dem dem General Sibling Combinator arbeiten - aber auch da streiken einige alte Browser. Aber immerhin unterstüzt mal mehr als mit der not-Pseudoklasse
~~~html
<ul>
<li><img /></li>
<li><img /></li>
<li><img /></li>
</ul>
li img {
width: 120px;
}
li:hover img {
width: 200px;
}
li:hover~li img {
width: 100px;
}
nicht getestet.