css表格设置行列的颜色,CSS：为表格中的选定行设置颜色

我需要将以下功能添加到我的表中：当用户单击某行(选择它)时，该行用颜色＃FFCF8B标记(与hover相同)。我试过＃newspaper-b tbody tr.selected td，但它不起作用。CSS：为表格中的选定行设置颜色

#newspaper-b {

border-collapse: collapse;

border-color: #B7DDF2;

border-style: solid;

border-width: 1px;

font-family: Arial,Helvetica,sans-serif;

font-size: 11px;

margin: 0;

text-align: left;

width: 480px;

}

#newspaper-b th {

background: none repeat scroll 0 0 #EBF4FB;

border-color: lightgray;

font-size: 11px;

font-weight: bold;

padding: 15px 10px 10px;

}

#newspaper-b tbody tr td {

background: none repeat scroll 0 0 #FFFFFF;

}

#newspaper-b td {

border-top: 1px dashed #FFFFFF;

color: #000000;

padding: 10px;

}

#newspaper-b tbody tr:hover td {

background: none repeat scroll 0 0 #FFCF8B;

color: #000000;

}

#newspaper-b tbody tr.selected td {

background: none repeat scroll 0 0 #FFCF8B;

color: #000000;

}

+0

嗯......你知道你需要JavaScript来将'.selected'类添加到点击表上，不是吗？ –

+0

你能写一个例子吗？ –

+0

你使用香草JS，或jQuery或类似的JS库吗？ –