別のWebサイトでホストされている外部のリンク画像を参照してCSSを適用する

外部画像のCSSをhref値で上書きしようとしているため、これは重複した質問ではありません。別のWebサイトでホストされている外部のリンク画像を参照してCSSを適用する

私はこの外部画像をWordPressのウェブサイト全体に置いていますが、CSSで画像の幅を変更する方法を見つけることはできません。問題は私がここでコードを変更できないことです。 "wpd_wrapper"クラスはウェブサイト上の他の場所でも使用されています。私は110px

<div class="wpb_wrapper"> 
    <a href="https://geo.itunes.apple.com/us/album/nuh-strange-face-single/id392890270?at=11lSfu&amp;mt=1&amp;app=music" style="display:inline-block;overflow:hidden;background:url(http://linkmaker.itunes.apple.com/images/badges/en-us/badge_music-lrg.svg) no-repeat;width:162px;height:40px;"></a> 
</div>

画像の幅を作りたい

私は以下のような[属性]で画像を選択しようとしています。しかし、それは動作していません。私はここで間違っていますか？

img[url*="badge_music-lrg.svg"] { 
    width: 110px !important; 
}

出典

2016-05-12 MaxE

を思い付いた、私は実際に試したすべてがロードされないために背景画像を引き起こしました。 – VikingBlooded

@VikingBlooded前に使用したコードをいくつか追加しました。そこでは、属性を使用してイメージを名前で選択しようとしています。しかし、どちらもうまくいきません。 – MaxE

私はこれを試しても動作しません a [href $ = 'badge_music-lrg.svg'] { width：110px！important; } – MaxE

私はクエンティンの方向性@続き、あなたがそこにネジ止めされるかもしれない答え

a[style*='badge_music-lrg.svg'] { 
width: 110px !important; 
}

出典

2016-05-13 07:57:29 MaxE

それはとてもimgタイプセレクタが一致しません<img>ありません。

属性がurlではないため、url=somethingを検索する属性セレクタは一致しません。

ターゲットがあるもの。これは<a>要素であり、属性はstyleです。

出典

2016-05-12 20:33:45 Quentin

ありがとうQuentinと@VikingBlooded ここでは、「badge_music-lrg.svg」というスタイル属性を持つ要素をどこにでも配置しました。 – MaxE

a [style * = 'badge_music-lrg.svg'] { 幅：110px！重要; } – MaxE

別のWebサイトでホストされている外部のリンク画像を参照してCSSを適用する

答えて

関連する問題