title: jQuery Mobile custom link CSS style
body: <p>I'm having an issue getting custom link styles to work when dropped in the jQuery Mobile CSS file that I downloaded.</p>
  
  <p>Here is an example of two types of code I'm using:</p>
  
  <pre><code>.body A:link {color: #5f8bff; text-decoration: none}
  .body A:visited {color: #5f8bff; text-decoration: none}
  .body A:active {color: #5f8bff; text-decoration: none}
  .body A:hover {color: #5f8bff ; text-decoration: underline; color: #ffffff;}
  
  .body2 A:link {color: #e1d34b; text-decoration: none}
  .body2 A:visited {color: #e1d34b; text-decoration: none}
  .body2 A:active {color: #e1d34b; text-decoration: underline}
  .body2 A:hover {color: #5f8bff; text-decoration: underline; color: #ffffff;}
  </code></pre>
  
  <p>This code isn't responding when placed in a <code>&lt;span class="body"&gt;</code> and <code>&lt;span class="body2"&gt;</code>.</p>
  
  <p>The example URL is here: www.camavision.com/wp/jquery</p>
  
  <p>Any suggestions?  I'm trying to create three different types of link styles to override the current CSS.</p>