html - 如何隐藏基于部分 HREF 的元素？

Question

我试图根据它们的 href 属性(使用 CSS)在我的页面上隐藏一些特定的添加。我浏览了一些关于根据 href 值隐藏元素的答案。但是，这里的元素非常动态，每次加载页面时都会不断变化。有什么方法可以根据其部分 href 值隐藏元素/ anchor ？

下面是我试图隐藏的 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>

Answer 1

使用子字符串选择器:

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

<a href="http://otherURL.com?hey">You CAN see me.</a>
<a href="http://someURL.com?hey">You can't see me!</a>

• Get more info on substring attribute selectors