Specjalna tabela CSS

Question

Mam dokument HTML, w którym mam dwie różne tabele. Jednym z nich jest klasa Alfa, a jedna to klasa Beta. Chcę przypisać ten css tylko do klasy Beta ...

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

Nie mogę wymyślić, jak przypisać to tylko do wersji beta. Czy ktoś wie jak?

Żyć długo i dobrze.

Answer 1

Wystarczy zastosować przełącznik .beta klasy do całej tabeli i zmienić swój kod CSS, aby zastosować regułę tylko do td zmarłych z .beta tak:

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

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

Jeśli musisz zastosować regułę do wielu elementów w ramach .beta po prostu dodaj dodatkowy selektor w ten sposób:

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

Qapla '!

Answer 2

CSS pozwala uzyskać szczegółowe informacje na temat elementów, do których mają być stosowane reguły. Po prostu dodaj tę regułę do deklaracji komórki tabeli.Beta td i gotowe.

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