CSS masquer toutes les images avec l'attribut SRC correspondant

Question

Est-il possible de créer une règle CSS qui appliquerait un style à n'importe quelle balise IMG avec un SRC qui contiendrait une chaîne spécifique, disons "hideme"? Par exemple, si j'avais les 3 images suivantes sur une page, cela cacherait-il la seconde?

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

Answer 1

Utilisez ce CSS3 sélecteur d'attribut :

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

Je préfère utiliser une classe hideme à la place, mais si vous devez masquer une image en fonction de son attribut src, ce qui précède est correct.