选择所有除一个选择第一和最后一个TD元素(Select all except first and l

我写了这样的事情在CSS：

tr.red > td:not(:last-of-type):not(:first-of-type)
{
    color: #E53B2C;
    border-bottom: 4px solid #E53B2C;
}

我想这适用于表格单元格中，这与该行中没有第一和好景不长.red类。

这似乎按预期方式工作，但真的是这样做的正确方法？

Answer 1:

这是语法正确，你可以快速检查使用W3C CSS验证 。 验证器是已知有错误，所以在原则上，你应该检查对CSS规范的规则，尤其是选择器3级 。 结果仍然是肯定的，它是正确的。

它也有想要表达的意思，因为这是如何选择结合起来。 你可以使用:not(...)选择来表达的类型的条件“不......不......”。

这适用前提是所有儿童tr元素td 。 如果有标题单元，即th元件为好，则选择器适用于那些数据单元（ td不属于第一数据单元或与一个行的最后一个数据电池元件） .red类。

Answer 2:

可能这将有助于

tr.red  td:not(:first-child):not(:last-child)
{
//your styles
}

样品

Answer 3:

正如一些说，TD：首个类型给你第一个TD，TD地方：第一胎选择该TR的第一个子元素，如果是TD。 这意味着，你的代码不会给你所有，如果您有任何TH不在第一个或最后一个单元格。

tr.red > *:not(:last-child):not(:first-child)
    { /* ... your css code ... */ }

我认为它应该工作以及这种方式。 即使你想有TH和TD单独的代码，你可以做到这一点像日：没有（：第一胎）和TD：不是（：第一胎）。 您的代码会更好，当你想要查找第一个元素与一些标签的名称，如号码：首个类型，并给它一些不同的风格。

文章来源: Select all except first and last td element in one selector