应用CSS格式仅在TD级别覆盖它

Question

我目前正在使用无法修改的CSS文件的页面上工作，因此我通常会添加自己的CSS来覆盖某些设置。我被困在我想修改CSS标签的地方，但只影响表中的TD，而不是其他任何地方。

这是我无法修改的CSS文件中的标记：

.medtext { font-size: 10pt; } 
.medtext { color: #000000; }

我想要做的是如果在TD中使用此标签来改变背景的颜色：

table.medtext td {background-color:#ffc477!important}

这是HTML：

<span class='medtext'>Some Text that should not be affected</span>

<table><tr>
<td class='medtext'>The background color should change here</td>
<td class='medtext'>here too!</td>
</tr></table>

Answer 1

您的正确代码应该是

    span.medtext {color:#eee! important;}
td:nth-child(1).medtext {color:red! important;}
td:nth-child(2).medtext {color:orange! important;}