title: Remove underline from link within hyperlinked div
body: <p>I am using the html below</p>
  
  <pre><code>&lt;a href=""&gt;&lt;div class="logo"&gt;&lt;span class="whologo"&gt;hyperlinked text &lt;/span&gt;
  &lt;/div&gt;&lt;/a&gt;
  </code></pre>
  
  <p>the problem i am having is that the only way to remove underline from the span text is using <code>a:link{text-decoration:none;}</code> but this removes underlines from ALL links from the whole page</p>
  
  <p>I have tried</p>
  
  <pre><code>a.logo:link{text-decoration:none;}
  </code></pre>
  
  <p>but it doesnt remove the hyperlink from the span element.</p>