потому что признаки общих классов передаются более специализированным
простая демонстрация
td { font-family: Arial; font-size: 8pt }
td.a { font-family: Times New Roman; color: #FF0000 }
<td>sample<td> - этот текст будет обычным цветом, шрифтом ариал и размером 8пт
<td class="a">samle 2</td> - этот будет шрифтом таймс, цветом красным но размер его будет также 8пт