css - 覆盖HTML CSS中的跨度并使用TD

我在a<td>中有一个span标记。在<td>中，我使用类设置字体。但是，span有自己的字体样式。我想重写span标记中的字体样式，并强制在标记中设置字体。我不知道怎么做，所以请你指教。

.set_font
{
    font-size:12px;
}
<table>
    <tr>
        <td class="set_font">
           <span style:"font-size:8px;"> This is a test </span>
        </td>
    </tr>
</table>

最佳答案

在CSS选择器中，应用最接近实际元素的元素。因此，在使用选择器覆盖样式时，应该更具体一些。
在您的示例中，span元素有一个内联样式，具有最高的特殊性。
若要获得更高的特定性，则应在外部元素中使用内联样式[样式]和important。
你可以这样强迫td上的一个集合：

td.set_font [style] {font-size:120px !important;}

这里工作JSFiddle