Ho un blog su blogger. Sto creando un widget semplicissimo (icone social) in html da sola e volevo applicare un css per l'opacità che,al passaggio del mouse, si dissolve. Niente di complicato è bastato fare un giro sul web per capire come si faceva. Il problema si è posto quando all'aggiunta dello stile esso non modificava solo le immagini del widget ma anche tutte le altre immagini del blog. Come faccio a limitare lo stile css solo alle immagini del widget?

questo era il codice (molto banale, sono agli inizi)

codice:
<html> 
<head> 
<style type="text/css">
 img { filter: alpha(opacity=70); 
opacity: .6;
 -webkit-transition: 0.4s; 
} 
img:hover { 
filter: alpha(opacity=100);
 opacity: 2; 
} 
</style> 
</head> 
<body>
Qui l'html dell'immagine
</body> 
</html>
Vi ringrazio