奇怪的HTML colspan rowspan行为

Question

边界所有的东西！

我正在写一个HTML表格，我的行为非常奇怪。我希望看到我的所有单元格都有边框，但在Firefox中并非如此。

我得到了这个：

<style>
.speciestable{ border:1px solid black;} 
.speciestable td{border:1px solid #555; vertical-align:top; text-align:center; }
</style>

<table class="speciestable">
<tr>
    <td rowspan="3">LEFT</td>
    <td>1</td>
    <td>2</td>
</tr>
<tr>
    <td>1</td>
    <td>2</td>
</tr>
<tr>
    <td colspan="2">Bottom</td>
</tr>
</table>

发生了什么事？难道我做错了什么？为什么我的所有细胞都没有边界？

Answer 1

OOPS。我是个白痴。我的外部CSS中有一些冲突的样式正在删除边框。

External.css
.tborder tr td:first-child{ border-width:0px; }

我意识到HTML实际上是这样的：

<table class="tborder>
<tr><td>
    ...
    <table class="speciestable">