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 selector by inline style attribute中发现我可以像这样创建选择器

div[style*="default_logo.png"]

基本上选择它：

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

N.B。请注意，在此帖中突出显示，这对于更改所有更改非常脆弱且敏感。额外的空间会打破它。

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

2 个答案: