如何在其他选择器上应用选择器样式？

Question

我想在某个选择器上应用已在另一个选择器上定义的样式（如果适用）。

我想这样做，因为我有一个已在某些选择器上的某个外部CSS文件中定义的样式。我希望在其他选择器上复制这种样式，如果外部CSS文件将来发生变化（分而治之），则无需复制粘贴或需要编辑我的CSS文件。

这样的事情：

外部CSS文件：

table tfoot td {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cfcfcf));
}

我的CSS文件：

table thead td {
    getStyle(table tfoot td);
}

这可能吗？

Answer 1

你无法在原生CSS中真正做到这一点。您需要使用SCSS或LESS之类的预处理器并使用变量。

澄清：正如Triztian在他的评论中指出的那样，你可以使用原生CSS用类似可重复使用的选择器来实现这一点，但是将样式从一个选择器实际复制到另一个选择器是不可能的。