Question

我有一个＆lt; 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;
}

认为它会起作用，但它没有任何效果。尝试google答案，但只能找到关于样式链接的信息，而不仅仅是＆lt; div>类。

Answer 1

正如你在这里看到的，它确实有效。 http://jsfiddle.net/jeffman/44X3R/

除了Campari的建议外，您确定您的div标签使用categoryName作为班级名称，而非ID吗？

这是我使用的HTML。

<div class="categoryName">
    <a href="#">link</a>
</div>

Answer 2

我尝试了很多东西，但没有什么能帮我设置链接

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

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

在HTML中我添加了<a href

的div

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

它有效！

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

Answer 3

你试过这个吗？

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

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

CSS：为类中的链接设置样式

3 个答案: