Appy Mistry Appy Mistry - 1 year ago 64
HTML Question

How to hide an element based on partial href?

I am trying to hide some specific adds on my page based on their href property(using CSS). I scrolled through some of the answers which tells about hiding an element based on its href value. But, the element here is quite dynamic and keeps changing every time i load the page. Is there any way to hide an element/anchor based on its partial href value ?

Below is the HTML code that i am trying to hide.


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

This is what i have been trying so far.

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

Answer Source

Use a substring selector:

a[href^="http://someURL"] {
  display: none;
<a href="">You CAN see me.</a>
<a href="">You can't see me!</a>

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download