2016-05-19 10 views
-1

私はこの単純なことを働かせることができないので、私は心を失っていると思います。altタグまたはsrcに基づいて画像を非表示にする

私は、機能しない記事が100件あり、altタグやsrcに基づいて非表示にしたいと思います。 http://www.gamingnewsmedia.com/news-articles/sources-faze-clan-to-leave-wesa/

は、ソースコードをチェックするためにお気軽に:

は、ここに私のライブのウェブサイトへのリンクです。私は以下のCSSコードを正確に追加しました。

img[alt="WESA_splash_master"] { 
display:none; 
} 

これは動作するはずですが、それはできません:

Random Text 
<div class="img-div img-div-center"> 

<img class="aligncenter size-full wp-image-1543872" 
src="http://assets1.ignimgs.com/2015/05/27/contentplaceholderpng-967b4c.png" 
alt="WESA_splash_master" 
width="1280" height="520" 
data-original="http://oyster.ignimgs.com/wordpress/stg.ign.com/2016/05/WESA_splash_master.jpg" /> 

</div> 
More random text 

私の解決策は単純です。私は間違って何をしていますか? src属性と同じですが、動作させることはできません。

私がインストールされていたワードプレスのテーマ、img[alt="WESA_splash_master"]の内部で引用符をエスケープし、私はCSSをエスケープしない「単純なカスタムCSSやJS」と呼ばれるCSSのプラグインをインストールしimg[alt=\"WESA_splash_master\"] にそれを回し:問題が見つかり

+0

あなたのJSFiddleはうまく動作します。どうしたの? CSSをCSS領域に入れてください。 – 4castle

+0

あなたはあなたのCSSコードをjavascriptコードに入れてしまいました。なぜそれがうまくいかなかったのですか? – keziah

+0

更新されたjsfiddle:https://jsfiddle.net/ue7t8fdo/2/ – keziah

答えて

0

関連する問題