css代替th的属性,为特定列覆盖<th>元素的CSS样式

所以在我的一个专栏中，排序是没有意义的，因为它是完全相同的。我从一个asp.net/mvc3应用程序开始，我指的是最后一列，您可以点击“详细信息”。由于这不会改变，所以我想不在该列中有上/下箭头。原来的CSS是这样的：

table.tablesorter {

font-family:arial;

background-color: #CDCDCD;

margin:10px 0pt 15px;

font-size: 11pt;

width: 100%;

text-align: left;

}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {

background-color: #e6EEEE;

border: 1px solid #FFF;

font-size: 10pt;

padding: 4px;

}

table.tablesorter thead tr .header {

background-image: url(themes/base/images/bg.gif);

background-repeat: no-repeat;

background-position: center right;

cursor: pointer;

}

table.tablesorter tbody td {

color: #3D3D3D;

padding: 4px;

background-color: #FFF;

vertical-align: top;

}

table.tablesorter tbody tr.odd td {

background-color:#F0F0F6;

}

table.tablesorter thead tr .headerSortUp {

background-image: url(themes/base/images/asc.gif);

}

table.tablesorter thead tr .headerSortDown {

background-image: url(themes/base/images/desc.gif);

}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {

background-color: #8dbdd8;

}

所以我想我可以添加：

table.tablesorter thead .nostyle {

margin: 0;

padding: 0;

border: 0;

outline: 0;

font-size: 100%;

vertical-align: baseline;

background-color: #8dbdd8;

}

然后在标头，我不想做的风格，这样做：

但是，不起作用。我正确地处理这个问题吗？或者，还有更好的方法？谢谢！

2013-01-12

Crystal

+0

o_O .......... ..'class =“＃nostyle”'....'class =“nostyle”' –