Pseudo-clases CSS3

[sergi_multimedia]

Hola, quiero utilizar una pseudo-clase, pero no nunca funciona, no sé que es lo que hago mal, he probado de distintas maneras, a ver si me podéis dar un poco de luz.

Quiero dar un "margen-right: 20px" a la primera clase ".img" dentro del contenedor ".left".

Aquí os muestro el código HTML:

Código HTML:

<section class="left">
       <h3>Artists who use the own cables</h3>
       <div class="img"><img src="img/artist/vai1.png" alt="vai1" width="190" height="304"></div>
       <div class="img"><img src="img/artist/vai1.png" alt="vai1" width="190" height="304"></div>
</section>
 

Para hacer esto podría utilizar varios tipos de pseudo-clases, como estas:

• ::nth-child(2)
• ::first-of-type

Pero nunca hace caso de mis instrucciones, he probado poniendo con : o ::

Alguien me puede ayudar?

Gracias de antemano

[WyLY]

Sabes de momento yo tenía problemas al momento de hacer uso de las pseudo clases cuando no anidaba correctamente o había declarado de manera universal, he intentado utilizar tu pseudo clase pero tal vez si nos muestras el código o un ejemplo sea algo más eficaz:

Código HTML:

<style type="text/css">
/*Cambia el 3 por 2 si gustas*/
.img:nth-child(3){
	margin-left:20px;
}
</style>
    <h3>Artists who use the own cables</h3>
       <div class="img"><img src="img/artist/vai1.png" alt="vai1" width="190" height="304"></div>
       <div class="img"><img src="img/artist/vai1.png" alt="vai1" width="190" height="304"></div> 

[pzin]

Código CSS:

.left img:first-of-type {...}
 

Van con dos puntos, los dobles dobles puntos (::) sólo es para selection.

Échale un ojo a los selectores CSS.