Override All Other Styles By Using Important

In many situations, you will use CSS libraries. These may accidentally override your own CSS. So when you absolutely need to be sure that an element has specific CSS, you can use !important

  body {
    background-color: black;
    font-family: monospace;
    color: green;
  #orange-text {
    color: orange;
  .pink-text {
    color: pink !important;
  .blue-text {
    color: blue;
<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>