Специфическая таблица CSS

Question

У меня есть документ HTML, где у меня есть две разные таблицы. Один из них - класс Alpha, а один - класс Beta. Я хочу, чтобы назначить эту CSS только к классу бета ...

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

Я не могу понять, как присвоить это только бета. Кто-нибудь знает как?

Live Long and Prosper.

Answer 1

Просто нанесите селектор .beta класса для всей таблицы и изменить код CSS, чтобы применить правило только к td покойных из .beta, как это:

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

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

Если вы необходимо применить правило к нескольким элементам в пределах .beta, просто добавьте дополнительный селектор, такой как:

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

Qapla '!

Answer 2

CSS позволяет вам определить, с какими правилами элементов должны применяться. Просто добавьте это правило в декларацию ячейки table.Beta td, и все готово.

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