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を使用してください 属性セレクター ：

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

代わりにhidemeクラスを使用したいと思いますが、src属性に基づいて画像を非表示にする必要がある場合は、上記で問題ありません。