通過引用在不同網站上託管的外部熱鏈接圖像來應用CSS

這不是重複的問題，因爲我試圖用href值覆蓋外部圖像的css。通過引用在不同網站上託管的外部熱鏈接圖像來應用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'] { width：110px！important; } – MaxE

通過引用在不同網站上託管的外部熱鏈接圖像來應用CSS

回答

相關問題