html - Can't use CSS to define cursor style -

in css file, define:

td.sorting{cursor: pointer}

then in html file:

<table> <tr> <!-- other <td> -->    <td id="sortbyorderid" onclick="sort(this);" class="sorting">order id</td> <!-- other <td> -->   </tr> </table>

but doesn't work. however, if change following, works:

<td id="sortbyorderid" onclick="sort(this);" style="cursor: pointer">order id</td>

i can use other css styles without problem, like:

<td id="sortbyorderid" onclick="sort(this);"  class="numbertitle">order id</td>

i don't understand why. clue?

My