Html 如何基于部分HREF隐藏元素？

我正试图根据它们的

href

属性（使用CSS）在我的页面上隐藏一些特定的添加。我浏览了一些答案，这些答案告诉我们如何根据元素的

href

值隐藏元素。但是，这里的元素非常动态，每次加载页面时都会不断变化。是否有任何方法可以根据元素/锚定的部分

href

值隐藏元素/锚定

下面是我试图隐藏的HTML代码

代码：

<div id="union-ad" class="union-banner">
<a href="http://someURL?Dynamic_Id's">
</div>

这就是我到目前为止一直在尝试的

   <style type="text/css">
   a[href='someURL']{ display: none }
   </style>

a[href='someURL']{display:none}

使用子字符串选择器：

a[href^=”http://someURL"] {
显示：无；
}

是的，有一个解决方案

a[href~=someURL] { display: none }

---

您可以使用

*

。这将在元素的

href

属性中的任意位置查找字符串partial

someURL

a[href*="someURL"]{ display: none }

演示：

a[href*=“someURL”]{
显示：无；
}

---

您有两种不同的选择，您应该根据URL的性质在其中进行选择

如果您的URL总是以相同的字符集开始，包括协议规范，那么

^=

是最佳选择-它将只匹配href属性以给定字符集开始的元素。这将几乎消除随机隐藏其他链接的机会，因为它们随机包含您的选择器

a[href^='http://someURL'] {
  display: none;
}

然而，如果您完全不确定URL的一致性，只知道中间的某个部分，请使用<代码> *= /COD>，它将匹配包含至少一个字符集实例的元素。

a[href*='someURL'] {
  display: none;
}

---

是否有可能向这个标签添加一些你想消失的类？问题似乎是URL的第一部分总是已知的，因此使用

*=

是有风险的，因为它可能完全是偶然匹配任何随机URL-只要可能，我更喜欢

^=

@第三个问题是关于部分字符串HREF这将只匹配包含单词“someURL”并由空格字符包围的属性，因此它可能对URL不太有用。