html - 奇怪的 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

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

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

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

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