title: How to unstyle a link
body: <p>I have a link in a div: </p>
  
  <pre><code>  &lt;div class="parentStyle"&gt;Click me:&lt;a&gt;foo&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How do I make the link NOT have any of it's own style, so that it takes on the appearance of the parent div?</p>
  
  <p>The issue is that the parent div has a blue background with white letters. Because it is a link, it is styled like a link with blue letters so I end up with blue on blue.</p>
  
  <p>The parent style is added with Javascript.  So the parent is sometime styled with white letters, and sometimes not.</p>
  
  <p>I need the link to keep the same look as the parent.</p>
  
  <p>This is how it looks when selected:</p>
  
  <pre><code>&lt;div class="k-top k-top"&gt;&lt;span class="k-in k-state-selected"&gt;
          &lt;a class="au-target" au-target-id="222" href="#/entity-router/entityDetails/2"&gt;
              Item 1&lt;/a&gt;
      &lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This is how it looks when it is not selected:</p>
  
  <pre><code>&lt;div class="k-bot"&gt;&lt;span class="k-in"&gt;
          &lt;a class="au-target" au-target-id="234" href="#/entity-router/entityDetails/8"&gt;Item 2&lt;/a&gt;
      &lt;/span&gt;&lt;/div&gt;
  </code></pre>