html - 表类的第一个 child TD

Question

我只想对具有特定类的 TABLE 的第一个 TD 应用一些样式。 我正在使用:

.class td:first-child {
    background-color: red;
}

但是如果有嵌套的 TD，它们也会被设置样式。

我如何才能将其仅应用于第一个 TD？

See JSfiddle here (我希望test1变红，但test4不行)

Answer 1

除非您想使用类或其他东西，否则您可以使用直接子选择器:

.pretty > tbody > tr > td:first-child {
    background-color: red;
}