title: Override the link CSS with h3 style
body: <p>I'm working on a page where I show an image and then have text at the bottom that's a link to a specific page.</p>
  
  <p>By default the link is colored gray, but I want to override that and have the text picking up the h3 style.</p>
  
  <p>Here's the CSS:</p>
  
  <pre><code>h3{
  color: #a60000;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: mpluslight;
  }
  
  a {
  color: #CCC;
  font-weight: normal;
  }
  </code></pre>
  
  <p>Here's the HTML: </p>
  
  <pre><code>&lt;h3&gt;&lt;a href="http://mydomain.gr/"&gt;Personal Training&lt;/a&gt;&lt;/h3&gt;
  </code></pre>
  
  <p>I tried by changing the h3 values to '!important' but that didn't work.</p>
  
  <p>I'm trying to avoid using inline CSS. Trying to keep my code as clean as possible. </p>
  
  <p>Any ideas?</p>