Hola, a tod@s. No soy capaz de encontrar el selector adecuado (si es que existe) para seleccionar con css LA PRIMERA IMAGEN DEL DIV QUE APAREZCA DENTRO DE UN PÁRRAFO, en cualquier código similar a este:
<div>
<p></p>
<p></p>
<p>
<img src=""</><!--Esta es la imagen que habría que seleccionar-->
<p>
<p>
<img src=""/>
<p>
</div>
El problema es que puede haber tantos párrafos como se quiera anteriores a la imagen (así que no podría ser [p:first-child img]) ni nada parecido. He probado también con :first-of-type y con :nth-of-type(1)... pero en realidad no encuentro nada que distinga la primera p > img de la segunda, de forma que ninguno de estos selectores me vale.
Estoy trabajando con un WordPress y necesito hacer una norma genérica sin incluir ninguna clase en las etiquetas <div> <p> o <img>.
Si alguien pude darme una solución lo agradecería enormemente, porque estoy harta de comerme la cabeza.
Gracias!!