如何用CSS筛选特定src前缀的img标签并应用反转滤镜？

直接使用CSS原生属性选择器就能实现需求，不用折腾正则表达式：

• 用[src^="目标前缀"]选择器，它会精准匹配所有src属性值以指定前缀开头的<img>元素
• 对应你需求的代码示例：

img[src^="https://somewebsite.com/img/idx"] {
  filter: invert(100%) !important;
}

额外说明 #

• 这个选择器兼容性很好，覆盖绝大多数现代浏览器
• 如果后续需要匹配包含某段字符串的src，可以用[src*="目标字符串"]；匹配以某段字符串结尾的则用[src$="目标字符串"]，按需调整即可

内容的提问来源于stack exchange，提问作者Coder