我有几个表。所以我使用datatable.css。为了处理我使用的标头

.order-table-header{}

(so我用一个类作标题）
现在我想区分我的表，所以逻辑上使用一个id，类似这样：

#Other{}

但它不执行#Other{}中的内容
下面是我代码：

.order-table-header{
text-align:center;
background:none repeat scroll 0 0 #dddddd;
border-bottom:1px solid #BBBBBB;
padding:16px;
width: 8%;
background-color: #0099cc;
color: #ffffff;
line-height: 3px;
}
#Other .order-table-header{
background-color: #00ff00;
}

我试过了

.order-table-header #Other{}

我试过用其他的

#Other{}

下面是我的xhtml：

<h:dataTable value="#{workspace.otherfiles}" 
                   var="item"
                   styleClass="datatable.css"
                   headerClass="order-table-header"
                   rowClasses="order-table-odd-row, order-table-even-row"
                   id="Other">

我也试探着：

.order-table-header(@background : #0099cc){
text-align:center;
background:none repeat scroll 0 0 #dddddd;
border-bottom:1px solid #BBBBBB;
padding:16px;
    width: 8%;

    background-color: @background;

    color: #ffffff;
    line-height: 3px;
}
#Other {
 .order-table-header(#00ff00);
}

但是netbeans告诉我在第一行和其他行中找到了意外的符号