title: Change css style without affecting other elements
body: <p>Now I have <code>a</code> element who change color of button to blue... That I want to do I think is very simple but I don´t have enough knowledge of css.</p>
  
  <p>I want to do another class without removing current class, How can I do it?</p>
  
  <p><a href="https://jsfiddle.net/DTcHh/27349/" rel="nofollow noreferrer">jsFiddle</a></p>
  
  <p>Code:</p>
  
  <pre><code>&lt;div&gt;
  &lt;div class='btn btn-success'&gt;
  &lt;a href='javascript:Addlog(" + id + ");' role='button'&gt;
  &lt;i class='fa fa-pencil-square-o'&gt;&lt;/i&gt; Complete&lt;/a&gt;
  &lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>a, .a {
      color: #003F8F;
  }
  
  a:hover, a:focus {
      color: #23527c;
      text-decoration: underline;
  }
  </code></pre>
  
  <p>I want to add something like:</p>
  
  <pre><code> a, .a {
          color: white;
      }
  
      a:hover, a:focus {
          color: white;
          text-decoration: none;
      }
  </code></pre>
  
  <p>But without removing current css to not affect code that already exists</p>