CSS选择将背景图片设置为特定网址的元素

Question

如果该background-color属性具有提供给它的特定网址，我有一个元素要隐藏（即默认图片-从无法控制的HTML复制而来style='background-image: url("assets/images/default_logo.png");'）：

有没有一种方法可以使用CSS查询这种特定情况？

具体示例：

<div class="module-logo"
     ng-show="!show_loading &amp;&amp; module_logo != ''"
     style="background-image: url(&quot;assets/images/default_logo.png&quot;);"
     aria-hidden="false">
</div>

Answer 1

是的，您可以通过以下方式选择该div：

div[style^="background-image: url"]

它可能需要您使用CSS转义字符，这可能会变得凌乱，因此您可以选择使用两组选择器来检查完全针对您要查找的子字符串。可以在这里工作的示例：

div[style*="background-image: url("][style*="default_logo.png"]

Answer 2

我在这篇文章中通过内联样式属性找到了CSS 选择器，我可以像这样创建选择器

div[style*="default_logo.png"]

基本上是这样选择的：

document.querySelector('div[style*="default_logo.png"]')

注意，因为这篇文章中强调了这一点，所以这对所有更改都非常脆弱和敏感。多余的空间会破坏它。