我正在尝试构建一个CSS选择器,它可以专门区分具有以数据URI形式给出的背景图像的元素:
<div style="background-image: url("data:image/svg+xml;base64,PD94b…9zdmc+");">
以及具有作为互联网URL提供的背景图像的元素:
<div style="background-image: url("https://my.example.com.png");">
为了只选择数据URL图像,我构建了这个选择器(转义特殊字符):
.card-img[style*='background-image\: url\(\"\;data\:image'] {
display: none;
}
但不幸的是,它不起作用:escaping第一个开括号起作用了,但是我被转义的&号卡住了。
编辑:因为HTML是由CMS呈现的,并且是不可更改的,所以正确的答案必须处理CSS!
一个三个三个一个
1条答案
按热度按时间unguejic1#
如果你可以改变HTML,用引号替换",因为你可以用双引号和单引号来处理这类事情:
如果无法更改HTML,一种解决方法是将属性选择器拆分为两个:
一个二个一个一个