HTML/CSS - 设计大量超链接的样式？

Question

我有一个 Master Links HTML 页面用于我的 Intranet 站点。

页面上有 67 个不同的链接，这些链接被分组在 7 部分标题下。

目前链接是通过表格组织的。

有没有更好的方法来组织链接，同时使它们在视觉上与众不同？

Answer 1

或者您根据链接所在的部分来区分链接:

<ul class="linksectionA">
  <li><a href="#">Link A1</a></li>
  <li><a href="#">Link A2</a></li>
  <li><a href="#">Link A3</a></li>
</ul>
<ul class="linksectionB">
  <li><a href="#">Link B1</a></li>
  <li><a href="#">Link B2</a></li>
  <li><a href="#">Link B3</a></li>
</ul>
<ul class="linksectionC">
  <li><a href="#">Link C1</a></li>
  <li><a href="#">Link C2</a></li>
  <li><a href="#">Link C3</a></li>
</ul>

然后您可以轻松地为这些部分中的每个链接分配不同的样式:

.linksectionA a { color: red; }
.linksectionB a { color: green; }
.linksectionC a { color: blue; }