Third-Party-CSS überschreiben

HTML

<div class="tp-widget">
  <a href="#">Mehr erfahren</a>
</div>

CSS

/**
 * Our styles
 */


/* increase specificity to override
   third-party styles */
.tp-widget.tp-widget.tp-widget a {
  text-decoration: none;
  color: #ef7d00;
}

.tp-widget.tp-widget a:hover {
  text-decoration: underline;
}



/**
 * Third-Party-Styles
 */
.tp-widget a {
  text-decoration: underline;
}

.tp-widget a:hover {
  color: skyblue;
}