只有一个部分的Css链接

Question

我正在尝试使用css更改链接的颜色，但仅针对页面的一个部分。 但问题是它无法正常工作。

我想更改下表中文本的链接颜色：

<table width="100%" class="icons">
  <tr class="icons">
    <td class="icons"><a href="http://www.example.com/">
    <img src="http://www.example.com/2.png" />
     TEXT
     </a></td>
    </tr>
</table>

这就是css：

.icons{
    font-size:24px;
    margin-bottom:40px;
}

.icons:link {text-decoration: none; color: red;}
.icons:visited {text-decoration: none; color: red;}
.icons:active {text-decoration: none; color: red;}
.icons:hover {text-decoration: underline; color: blue;}

我甚至尝试了<span class="icons">TEXT</span>，但这也无效。

非常感谢！

Answer 1

您需要将链接伪类应用于<a>，而不是<td class="icons">：

.icons a:link {text-decoration: none; color: red;}
.icons a:visited {text-decoration: none; color: red;}
.icons a:active {text-decoration: none; color: red;}
.icons a:hover {text-decoration: underline; color: blue;}