在CSS中，我們經(jīng)常會使用height屬性來控制元素的高度。但是在一些情況下，我們會發(fā)現(xiàn)使用height屬性來控制table中的td元素的高度時會失效。

這是因?yàn)閠able中的td元素的高度是由其所在的tr元素的高度所決定的。如果我們想要控制td元素的高度，我們需要同時控制其所在的tr元素的高度。

例如，我們有以下的HTML代碼：

<table>
<tr>
<td>單元格1</td>
<td>單元格2</td>
</tr>
<tr>
<td>單元格3</td>
<td>單元格4</td>
</tr>
</table>

如果我們想要控制第一行的td元素的高度為50px，我們需要加入以下的CSS代碼：

tr:nth-of-type(1) td {
height: 50px;
}

上述代碼中，我們使用了nth-of-type偽類來選中第一行的tr元素，再對其下的td元素設(shè)置了高度為50px。

這樣，我們就成功地控制了table中的td元素的高度。