Html 表（表数据）内的Css样式链接赢得'；行不通

我有一个网站的布局表，但不能正确的链接样式

导航栏的我的表格代码

<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选择器不正确，因为链接没有类

navbar

正确的解决方案是在类

navbar

的元素中选择

A

类型的元素，如下所示：

.navbar a:link {
    color:whitesmoke;
}

.navbar a:visited {
    color:red;
}

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

.navbar a:active {
    color:red;
}

---

通常使用html表格可能不是最佳选择的原因是，您的CSS选择器不正确，因为链接没有类

navbar

正确的解决方案是在类

navbar

的元素中选择

A

类型的元素，如下所示：

.navbar a:link {
    color:whitesmoke;
}

.navbar a:visited {
    color:red;
}

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

.navbar a:active {
    color:red;
}

为什么这种html表格的使用通常不是最好的选择，是因为广泛地改变它：

.navbar a { *styles* }

换个角度：

.navbar a { *styles* }

---

a、 导航栏选择具有类

navbar

的

a

元素。在这种情况下，您必须使用

.navbar a{}

---

顺便说一下，我不会用桌子作为菜单。我建议改用

ul

s，因为它们可以更复杂地设置样式。

a.navbar选择

a

具有类

navbar

的元素。在这种情况下，您必须使用

.navbar a{}

顺便说一下，我不会用桌子作为菜单。我建议改用

ul

s，因为它们的样式更复杂。

试试看

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

等等。

试试看

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

等等