html - 未应用 css 类样式

Question

我有一些这样的代码：

<div class="divleft">
<TABLE class="form-table">
    <TR  class="heading">
    <TD colspan="2" align="left">
        <h3>Account description</h3>
    </td>
    </tr>

          <TR>
       <TD>Name</TD>
       <TD><input name="Naam" id="Naam" type="text" class="InputText"  /></TD>
          </TR>

和这样的类标题上的 CSS 样式（用于测试目的，而不是实际样式）

.form-table tr.heading{
border-bottom-width: 10px;
border-bottom-color:black;
}

然而，这种风格正在被忽视。当我使用 google chrome 工具检查元素时，我看不到任何其他可能影响此的样式表元素。

关于可能导致此问题的任何想法？

Answer 1

缺少边框样式

.heading{
border-bottom-width: 10px; border-style:solid;
border-bottom-color:black;
}​

你可以像这样写成单行

.heading{
    border-bottom: 10px solid black;
    }​