如何使用 CSS 更改表格中链接的颜色但无法访问“类”参数/HTML 文件？

Question

I am trying to make a complete makeover of a very old website, to which hosting server I do not have access to. Not only its HTML is from the 1990's, but its code has many obvious mistakes, that when menage to workaround I usually end up messing up other parts of the site

Right now I need to adjust a table's content. That table is also messed up to some extent. So is there a way to tell with CSS to color all the links it is holding? I would like to apply to those links parameters

a:link
a:hover
a:active
a:visited
a:visited:hover

So far I was to only change that table's only non-linked text 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 change its two only links [aka the rest of its written & visible content] 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 I try to extend these two lines of code with something like

> a:hover

or rework their end to

font:nth-child(1)a:hover

they get reverted to the default color that I am trying to get rid of. And as I am writing a CSS theme to be used with something like Stylish add-on in Firefox, I cannot touch the code and eg use the >>class<< method [as it was not used in the original HTML]. And so- is there a way to add >>hover<< [and other variants] to such links?

This table is on a minor sub-page - the priority was to make the main page aesthetics, which I did with various parameters for various elements, starting with >>body<< section - and so I Reckon some of those might be transferred to this sub-page. But for now this sub-page is the only one with a table [if that somehow helps with making a workaround]

[I am sorry if I have use the wrong nomenclature, but I am not a programmer - just a small time code tweaker]

And here 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>

Answer 1

The child selector only works for direct descendants. So once you have reached your anchor, you apply the hover, active, focus state.

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):hover > 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(3) > b:nth-child(1) > a:nth-child(1):active > 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(3) > b:nth-child(1) > a:nth-child(1):focus > 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):hover > b: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):active > b: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):focus > b:nth-child(1) > font:nth-child(1) {
    color: #00ff00;
}

Not sure if these :nth-child s, b and font selectors are necessary.
Since I don't know your HTML code, I can't see were to tweak this selector.

:active for holding down on the link.
:focus when accessed by keyboard or clicking on the link.