Categories
CSS Development

How to override the ::after CSS selector?

I want to remove the icon from Hello2 href link while keeping my css code. How to override the a[target=”_blank”]:after style ?

HTML:

<a class="" href="#" target="_blank">Hello1</a>

<a class="" href="#" target="_blank">Hello2</a>

CSS:

        a[target="_blank"]:after {
  content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
      margin: 0 3px 0 5px;
    }

JSFiddle:
https://jsfiddle.net/xbaha/kxdzwro4/7/

Leave a Reply

Your email address will not be published. Required fields are marked *