Hola, a ver si me podeis ayudar,
TEngo una lista on varios li y en cada uno de ellos aparece una imagen y otras informacion.
<ul>
<li>
<img src="uno.jpg" />
<p> algo </p>
</li>
<li>
<img src="dos.jpg" />
<p> algo </p>
</li>
<li>
<img src="tres.jpg" />
<p> algo </p>
</li>
</ul>
Lo que quiero hacer es que se visulice solo la primera image y el resto no.
He intetado hacerlo con css, de este modo
ul img {display:none} //dejo de ver todas las imagenes
ul img:first-child {display:block} // visualizao la primera imagen
Pero no lo consigo.
Alguien me puede ayudar?