许多子标签的css选择器

Question

我知道可以这样做：

#details > tbody > tr > td:last-child > input ,
#details > tbody > tr > td:last-child > select
{
...
}

有更好的方法吗？更贴近：

#details > tbody > tr > td:last-child > (input, select)
{
...
}

Answer 1

不，没有这样的事情。此外，你的选择权过高，导致表现不佳。

如果您想使用更具表现力的语言来编写CSS，请改用SCSS。

Answer 2

没有。 CSS没有提供这样的东西。 CSS预处理器（Sass，LESS等）可以简化编写这样的选择器，但生成的CSS将完全是您已有的。

#details > tbody > tr > td:last-child {
    > input, > select {
        // styles
    }
}

Answer 3

没有更多背景，答案是否定的。对于特定示例，可以编写较短的等效选择器，例如

#details > tbody > tr > td:last-child > :not(div)

但你应该避免这种情况，因为它会造成脆弱的样式（当你的标记发生变化时容易引入意想不到的效果）。

请继续使用。