CSS选择器,用于html表元素的特定列中的所有数据行

我想在表格列的标题(th)中添加一个CSS类名“currency”,并让列中的所有子数据单元格(td)对齐.

我最好的尝试是：

table th.currency td {
    text-align: right;
}

然而,这显然不起作用.我试图让它成为直接的后代“>”但那也不起作用.

我想避免将单独的“货币”类名添加到所有td单元格中.有人有解决方案吗？

使用jQuery：

$.each($('th.currency'),function(idx,val) {

    var table = $(this).parent().parent();
    var colNumber = $(this).parent("tr").children().index($(this));
    var rows = table.children("tr");
    rows.find("td:nth-child(" + (colNumber + 1) + ")").addClass("currency");

});

工作jsFiddle：http://jsfiddle.net/8XSLF/

如果货币类没有右对齐,则可以使用css函数：

rows.find("td:nth-child(" + (colNumber + 1) + ")").css("text-align","right");

这可以放在许多页面共享的脚本中,但不能仅使用CSS.