title: Reset a css to its initial value
body: <p>I have an <code>a { color: #333 }</code>on a unreachable style sheet, and I need to use the following rules:</p>
  
  <pre><code>.entry-content a:link, a:visited {
  color: #E40000 !important;
  text-decoration: underline !important;
  }
  .entry-title a:link, a:visited {
  color: #E40000 !important;
  text-decoration: none !important;
  }
  
  
  .entry-content a:hover {
  color: rgb(27, 137, 169);
  text-decoration: underline !important;
  }
  .entry-title a:hover {
  color: rgb(27, 137, 169);
  text-decoration: none !important;
  }
  </code></pre>
  
  <p>But they are not properly working, due to the "a" element on the external style sheet.</p>
  
  <p>I tried using:</p>
  
  <pre><code>.entry-content .entry-title a { color: inherit ; text-decoration: inherit }
  </code></pre>
  
  <p>But it's not working. I need to get rid of the "a" element.</p>