I am currently working on giving a complete overhaul to an ancient website that I don't have access to its hosting server. The HTML is outdated from the 1990s, and there are many glaring errors in the code which make it difficult to fix without causing issues elsewhere on the site
My current task involves adjusting the content in a problematic table. Is there a way to use CSS to color all of the links within that table? I want to apply specific styles to those links using parameters like:
a:link
a:hover
a:active
a:visited
a:visited:hover
Up to this point, I was able to change the text in the non-linked part of the table with:
body > center:nth-child(1) > center:nth-child(5) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(7) > b:nth-child(1) > font:nth-child(1)
{
color: #ffffff !important;
}
and adjust the two linked parts with:
body > center:nth-child(1) > center:nth-child(5) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(3) > b:nth-child(1) > a:nth-child(1) > font:nth-child(1),
body > center:nth-child(1) > center:nth-child(5) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(5) > a:nth-child(1) > b:nth-child(1) > font:nth-child(1)
{
color: #ff0000 !important;
}
However, when attempting to add something like
> a:hover
or changing their end to
font:nth-child(1)a:hover
the changes get reverted back to the default color. Since I'm creating a CSS theme for Stylish addon in Firefox, I can't modify the code directly to incorporate classes as they were not used in the original HTML. Is there a workaround to add hover effects to these links?
This problematic table exists on a sub-page, while emphasis has been placed on improving the aesthetics of the main page. Some style parameters might be transferrable to this sub-page. However, it remains the only table within the site if that information helps in finding a solution.
[Apologies if my terminology is incorrect, I'm not a programmer but just someone tweaking some code]
Below is the original HTML code:
<table cellspacing="7" cellpadding="0" border="0" bgcolor="#000000">
<tbody><tr>
<td></td>
<td></td>
<td><b><a href="https://[-FIRST-LINK-]"><font color="#999999">-TEXT-OF-FIRST-LINK-</font></a></b>
</td>
<td></td>
<td>
<a href="mailto:[-SECOND-LINK-]">
<b><font color="#999999">-TEXT-OF-SECOND-LINK-</font></b></a></td>
<td></td>
<td><b><font color="#999999"-TEXT-OF-THE-ONLY-NONLINK-</font></b>
</td>
</tr>
</tbody></table>