Tabella specifica CSS

Question

Ho un documento HTML in cui ho due tabelle diverse. Uno è di classe Alpha e uno è di classe Beta. Voglio assegnare questo css solo Beta classe ...

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

io non riesco a capire come assegnare questo solo per Beta. Qualcuno sa come?

Vita lunga e prosperosa.

Answer 1

basta applicare il selettore .beta classe per l'intera tabella e modificare il codice CSS per applicare la regola solo ai td discendenti di .beta come questo:

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

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

Se è necessario applicare la regola a più elementi all'interno di .beta semplicemente aggiungere un selettore aggiuntivo come questo:

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

Qapla '!

Answer 2

CSS consente di ottenere informazioni specifiche su quali elementi devono essere applicati. Basta aggiungere questa regola alla tabella.Beta td dichiarazione delle celle e il gioco è fatto.

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