只有一个部分的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;}