title: CSS: What is the correct way to style all links within a single table?
body: <p><strong>My intent is to style all anchor tags within a table in a particular way.</strong> </p>
  
  <p>The anchor tags may be contained within various containers inside the table, including: </p>
  
  <ul>
  <li>table cells</li>
  <li>divs</li>
  <li>paragraphs</li>
  </ul>
  
  <p><strong>My initial attempt:</strong></p>
  
  <pre><code>.FooterTable a:link, a:visited, a:hover, a:active
  {
      color: blue;   
  }
  </code></pre>
  
  <p>This is occurring within a CMS (DotNetNuke), so pretty much everything has a style specified in a CSS class somewhere. However, I believe my CSS Class above should take effect. </p>
  
  <p><strong>Here's my markup:</strong></p>
  
  <pre><code>&lt;table width="100%" cellpadding="0" cellspacing="0" border="0" class="FooterTable"&gt;
      &lt;tr&gt;
          &lt;td width="23%" align="center"&gt;
              &lt;a href="http://www.test.com/pages/45_contact_us.cfm"&gt;Our Company&lt;/a&gt;
          &lt;/td&gt;
          &lt;td width="19%" align="center"&gt;
              &lt;a href="http://www.test.com/pages/6_test_test_test_test.cfm"&gt;Need Help?&lt;/a&gt;
          &lt;/td&gt;
          &lt;td width="37%" align="center"&gt;
              &lt;a href="http://www.test.com/pages/187_test_test.cfm"&gt;Shop&lt;/a&gt;
          &lt;/td&gt;
          &lt;td width="21%" align="center"&gt;
              &lt;a href="http://www.test.com/pages/42_test_test.cfm"&gt;Partners&lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>Current Behavior</strong></p>
  
  <p>All text on the site is specified to be some sort of gray. That gray color is simply not being overridden with the above CSS Class. </p>
  
  <p>What is the correct way to set the style of all links within a table, such as this?</p>