0

我有一个使用类设置样式的 < div >。我想为其中的链接设置样式。我试过这个：

.categoryName  {
    border: 1px solid black;
    padding-left: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
}
.categoryName a:link  {
    color: black;
    text-decoration: none;
    font-weight: bold;
}
.categoryName a:visited  {
    color: black;
    text-decoration: none;
    font-weight: bold;
}
.categoryName a:hover  {
    color: green;
}
.categoryName a:active  {
    color: green;
}

认为它会工作，但它没有任何效果。试图用谷歌搜索答案，但只能找到有关一般样式链接的信息，而不仅仅是 < div > 类中的链接。

4

3 回答 3

2

正如您在此处看到的，它确实有效。http://jsfiddle.net/jeffman/44X3R/

除了 Campari 的建议之外，您确定您的 div 标签categoryName用作类名而不是 id 吗？

这是我使用的 HTML。

<div class="categoryName">
    <a href="#">link</a>
</div>
于 2013-08-15T20:56:38.643 回答
1

我尝试了很多东西，但对我的链接样式没有任何帮助

直到，如上所述，我添加到 CSS

#emailstyle2 a { font-weight:bold;font-size:16px;color: blue; }

在 HTML 中我添加了 div<a href

<div id="emailstyle2"><a href="mailto:my@gmail.com">email me</a></div>

它奏效了！

我是新手，如果这是错误或不好的方法，请随时删除

于 2015-07-21T20:02:52.623 回答
0

你试过这个吗？

.categoryName a
{
    color: black;
    text-decoration: none;
    font-weight: bold;
}

如果它不起作用，则可能有一些其他的 CSS 在其他地方覆盖它。

于 2013-08-15T20:53:59.090 回答