Question

我有一个由表格组成的网站，但链接无法正确设置样式

导航栏的表格代码

<table id="table">
<tr class="navbar">
<td><a href="#">HOME</a></td>
<td><a href="#">MY PROFILE</a></td>
<td><a href="#">MY WORKS</a></td>
<td><a href="#">ABOUT SITE</a></td>
</tr>
</table>

我的CSS代码

a.navbar:link {
    color:whitesmoke;

}

a.navbar:visited {
    color:red;

}

a.navbar:hover {
    color:red;
    background-color: yellow;

}

a.navbar:active {
    color:red;

}

Answer 1

您的CSS选择器不正确，因为链接没有类navbar。

正确的解决方案是在类a的元素中选择navbar类型的元素，如下所示：

.navbar a:link {
    color:whitesmoke;
}

.navbar a:visited {
    color:red;
}

.navbar a:hover {
    color:red;
    background-color: yellow;
}

.navbar a:active {
    color:red;
}

为什么一般使用html表可能不是最好的选择discussed on SO.

Answer 2

切换它：

.navbar a { *styles* }

Answer 3

a.navbar选择具有类a的{{1}}个元素。在这种情况下，您必须使用navbar。

顺便说一下，我不会将表格用作菜单。我推荐使用.navbar a {}，因为它们的样式可以更复杂。

Answer 4

尝试

.navbar > td > a:link {...}

等

表格内的Css样式链接（表格数据）不起作用

4 个答案: