无法使用CSS来定义光标样式

Question

在CSS文件中，我定义：

td.sorting{cursor: pointer}

然后在html文件中：

<table>
<tr>
<!-- some other <td> -->   
<td id="sortByOrderId" onclick="sort(this);" class="sorting">Order ID</td>
<!-- some other <td> -->  
</tr>
</table>

但这不起作用。但是，如果我像下面这样更改它，它可以工作：

<td id="sortByOrderId" onclick="sort(this);" style="cursor: pointer">Order ID</td>

我可以毫无问题地使用其他CSS样式，例如：

<td id="sortByOrderId" onclick="sort(this);"  class="numberTitle">Order ID</td>

我不明白为什么。任何线索？