html - 使整个表格成为一个链接

Question

我有 3 个表，我希望每个表都是一个链接。到目前为止，这工作得很好，但出于某种原因，我不能再绕过 Angular 落了。

这就是我想要的样子: http://jsfiddle.net/vRP63/2/

这里我尝试为每个表添加链接: 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/