CSS 继承生成器

Question

CSS可以像OOP一样有继承吗？

比如我有这个样式

.myButton {
background-color:#ffec64;
border:1px solid #ffaa22;
}

我可以为颜色属性定义父级吗？有点像

myYellow: #ffec64

所以在每一种风格中我都会使用

.myButton {
background-color:myYellow;
border:1px solid #ffaa22;
}

因此，更改黄色只会在 myYellow 属性上发生，而不是在每个背景颜色属性上发生。

提前致谢

Answer 1

这在单独使用 CSS 时是不可能的。

您可以使用像 LESS 这样的 css 预处理器来完成此操作或 SASS .这些允许使用变量、混合、函数和许多其他技术，使您能够制作更易于维护、主题化和扩展的 CSS。

一旦你编写了 LESS 或 SASS，你就需要将它编译成标准的 css(在 LESS 的情况下，这可以在客户端完成)。