Как создать иерархию классов в CSS для MVC4 Razor?

Я изучаю, как создавать классы в CSS с помощью MVC4 и Razor. Я хочу создать класс для таблицы, которая отображается на моей домашней странице со специальными классами разметки для элементов td с зачеркиванием, а некоторые элементы td выделены жирным шрифтом. Я не знаю, как создать класс, принадлежащий другому классу. Я чувствую, что, делая подкласс в моем классе таблицы, я могу сохранить более организованный и чистый CSS-код.

У меня есть несколько вопросов.

• Как создать новый класс таблицы, который наследуется от базовой таблицы?

• Должен ли я помещать новые классы в отдельный файл CSS?

• Если ответ на предыдущий вопрос да, то что мне нужно сделать для Razor и MVC4, чтобы увидеть новый файл?

• Как создать td-элемент в этой новой таблице и заставить его наследовать от базового td базовой таблицы?

см. код ниже

/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-right: 0.4em;
}
    th:first-child{
        margin-left:0px;
    }
    th:last-child{
        margin-right:0px;
    }
    th a {
        display: block;
        position: relative;
    }

    th a:link, th a:visited, th a:active, th a:hover {
        color: #333;
        font-weight: 600;
        text-decoration: none;
        padding: 0;
    }

    th a:hover {
        color: #000;
    }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
    }

    th.asc a:after {
        content: '▲';
    }

    th.desc a:after {
        content: '▼';
    }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}