Override CDN CSS with my own

Question

What is the best way to override CSS rules from a CDN stylesheet?

For example, I want text decoration on all anchored text would I just use:

a{text-decoration: underline !important;}

Since bootstrap has:

a{text-decoration: none;}

Is there a better way?

Answer 1

There's no need for !important with a selector like that. Just make sure your rules come after bootstrap's rules and you'll be fine.

<link rel="stylesheet" href="//bootstrap.cdn.url.wow.css">
<style>
  a {
    text-decoration: underline;
  }
</style>