Tabla específica de CSS

Question

Tengo un documento HTML donde tengo dos tablas diferentes. Uno es clase Alfa y uno es clase Beta. Quiero ceder este css sólo Beta clase ...

td 
{ 
border-style:solid; 
border-top:thick double #ff0000; 
} 

no puedo encontrar la manera de asignar esto sólo para Beta. ¿Alguien sabe cómo?

Live Long and Prosper.

Answer 1

Basta con aplicar el selector .beta clase para toda la tabla y cambiar su código CSS para aplicar las reglas sólo a los td descendientes de .beta como este:

<table class="beta"> 
    <tr> 
     <td>...</td> 
     <td>...</td> 
    </tr> 
</table> 

.beta td { 
    border-style:solid; 
    border-top:thick double #ff0000; 
} 

Si necesita aplicar la regla a varios elementos dentro de .beta simplemente agregue un selector adicional como este:

.beta td, 
.beta th { 
    border-style:solid; 
    border-top:thick double #ff0000; 
} 

Qapla '!

Answer 2

CSS le permite obtener información específica sobre a qué elementos se aplicarán las reglas. Simplemente agregue esta regla a la declaración de la tabla.Beta td y listo.

table.Beta td 
{ 
    border-style:solid; 
    border-top:thick double #ff0000; 
}