CSS SRC属性が一致するすべての画像を非表示にする

Question

特定の文字列、たとえば「hideme」を含むSRCを持つ任意のIMGタグにスタイルを適用するCSSルールを作成できますか？たとえば、ページに次の3つのイメージがあると、2つ目のイメージを隠すでしょうか？

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

Answer 1

使用このCSS3 attribute selector：

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

私が代わりにhidemeクラスを使用することを好むだろうが、あなたはそのsrc属性に基づいて画像を隠す必要がある場合は、上記で結構です。