Question

这不是一个重复的问题，因为我试图用href值覆盖外部图像的css。

我将这个外部图像放在wordpress网站上，但我无法想出用css改变图像宽度的方法。问题是我不能在这里改变代码。＆＃34; wpd_wrapper＆＃34; class也用在网站上的其他地方。

我想使图像宽度为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;
}

Answer 1

它不是<img>，因此img类型选择器不会匹配。

它没有url属性，因此查找url=something的属性选择器不会匹配。

定位那里的东西。它是<a>元素，并且具有style属性。

Answer 2

我按照@ Quentin的指示，提出了答案

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

通过引用托管在不同网站上的外部热链接图像来应用CSS

2 个答案: