Question

我有3个表，我希望每个表都是一个链接。到目前为止，这种方法效果还不错，但由于某种原因，我不能再在拐角处转弯了。

这里我尝试添加每个表的链接： http://jsfiddle.net/vRP63/1/

这有什么问题：

<a href="google.com">
  <table>
    <tbody>
      <tr>
        <td>abc</td>
        <td>def</td>
        <td>ghi</td>
      </tr>
    </tbody>
  </table>
</a>

顺便说一句，我可以使用onClick事件让它工作。但是我不想为此使用任何Javascript。

Answer 1

因为每个表现在是其父类（<a>）中的第一个类型。因此，您需要将<a>定位为第一个和最后一个类型：

a:first-of-type table {
  border-radius: 6px 6px 0px 0px;
}
a:last-of-type table {
  border-radius: 0px 0px 6px 6px;
}

http://jsfiddle.net/vRP63/4/

Answer 2

将您的内容包装在父元素

中

<div class="parent">
    <!-- content here -->
</div>

比：http://jsfiddle.net/vRP63/5/

.parent a:first-of-type table {
    border-radius: 6px 6px 0px 0px;
}
.parent a:last-of-type table {
    border-radius: 0px 0px 6px 6px;
}

此外，您可能希望将http://放入href s：）

将整个表格作为链接

2 个答案: