Таблица CSS

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

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

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

Live Long и Проспер.

Ответ 1

Просто примените селектор .beta к всей таблице и измените код CSS, чтобы применить правило только к td decedents .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 '!

Ответ 2

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

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