suit: hoven :gleichzeitig mehrer Felder vergrössern und verkleinern

Beitrag lesen

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.