CSS - Cómo seleccionar una identificación dentro de una clase

Question

Tengo varias tablas. Entonces uso una datatable.css. Para hacer frente a la cabecera utilizo

 .order-table-header{} 

(lo que utilizar una clase de cabecera)

que quiero ahora para diferenciar mis mesas para utilizar lógicamente un id, algo así:

#Other{} 

Pero no hace lo que hay dentro de la #other {}

aquí es mi código:

.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; 
} 

Probé el revés

.order-table-header #Other{} 

Probé con sólo otra

#Other{} 

Aquí está mi 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"> 

También probé:

.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); 
} 

pero NetBeans me dicen símbolo inesperado encontrado para la línea de abetos y para la línea interior de otra

Answer 1

.order-table-header #Other (tenga en cuenta el espacio entre la cabecera y #other) significa: "nodo con id 'Otros' que es un descendiente del nodo con clase 'order-table-header' ". Por lo tanto, un nodo que tenga id "Otro" y clase "order-table-header" no coincidirá con una regla CSS que tenga el patrón .order-table-header #Other. Sin embargo, un nodo puede coincidir con más de una regla. Intente cambiar la parte correspondiente de su primer ejemplo a:

#Other { 
    background-color: #00ff00; 
} 

Answer 2

probar esto #Other .order-table-header{ css } ya que el #other será el id de la tabla y .order-table-cabecera será la clase de la cabecera de la tabla