CSS ocultar todas las imágenes con el atributo SRC correspondiente

Question

¿Es posible crear una regla CSS que aplique un estilo a cualquier etiqueta IMG con un SRC que contenga una cadena específica, por ejemplo "hideme"? Por ejemplo, si tuviera las siguientes 3 imágenes en una página, ¿ocultaría la segunda?

<img src="images/test1.png"> 
<img src="images/hideme.gif"> 
<img src="images/test3.jpg"> 

Answer 1

Utilice esta CSS3 attribute selector:

img[src*="hideme"] { 
    display: none; 
} 

prefiero utilizar una clase hideme lugar, pero si debe ocultar una imagen basada en su atributo src, lo anterior está muy bien.