src 301リダイレクトURL属性に基づいてイメージを非表示にする方法は？

Question

CSS3属性セレクタを使ってsrc属性と一致するすべての画像を非表示にすることができます。例：

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

"photo_unavailable"を含むsrcで画像を非表示にします。

しかし、このような画像についてどのような：

https://farm7.static.flickr.com/6180/6172064687_834c859b5c_b.jpg 

にリダイレクトします：

https://s.yimg.com/pw/images/en-us/photo_unavailable_l.png 

はリダイレクトで見つかった文字列「photo_unavailable」に基づいて、画像を非表示にする方法はありますsrc？

Answer 1

いいえ、それはできません。 src属性が "壊れた"画像リンクに対応し、 "photo_unavailable"リンクに対応していないためです。

Answer 2

それはtrickiすることができます - ちょうど要素内に自分のイメージを置く

HTML

<a href="https://s.yimg.com/pw/images/en-us/photo_unavailable_l.png" > 
     <img src="https://farm7.static.flickr.com/6180/6172064687_834c859b5c_b.jpg"/> 
    </a> 

CSS

a[href*="photo_unavailable"] > img , img[src*="photo_unavailable"] { 
display: none; 
}