更改 div 的超链接样式？答案

【问题标题】：changing a div's hyper link style?更改 div 的超链接样式？
【发布时间】：2010-12-25 13:34:08
【问题描述】：

#twitter{
    text-decoration: none;
}
.a:link,a:hover{
    text-decoration: none;

}

我试图从这个图片链接中删除文本装饰。但它不起作用。

echo '<a class="twitter" href="' . $twitterObj->getAuthorizationUrl() . '"><img src="img/darker.png"></a>';

【问题讨论】：

【解决方案1】：

使用这个：

<img src="img/darker.png" border="0">

【讨论】：

【解决方案2】：

而不是#使用。

.twitter{
    text-decoration: none;
}

【讨论】：

【解决方案3】：

我会使用正确的 css 声明

.a img
{
  border:0px;
}

【讨论】：

【解决方案4】：

添加这个额外的规则：

a:link img,a:hover img{
    border: 0px;
}

这会将无边界规则应用于您链接下的任何 img 标签。我也认为这条规则也应该起作用：

a img{
    border: 0px;
}

【讨论】：

【解决方案5】：

在a:link 之前有一个句号（你的写法是这样的：.a:link）。

【讨论】：

【解决方案6】：

最好使用一些“CSS Reset”，它将大多数边距填充问题推广到常见浏览器。

在你的主 CSS 中也放这样的东西

img {边框：0}

那么你就不用在所有图片标签中都放上边框0了。

【讨论】：

【解决方案7】：

您的 css 正在寻找一个 id (#) 并且在 HTML 代码中您有一个类 (.)。在第二个声明中，您前面有一个不应该存在的点。所以总结一切......

a.twitter{
    text-decoration: none;
}

a.twitter img {
  border: none;
}

【讨论】：