整理类具有相同属性的CSS

Question

我有一个非常混乱的样式表，我正在努力清理，有一件事我已经找到了答案，就是如何清理这个例子：

.element .Change {
  font-size: 1em;
}

.element .Name {
  font-size: 1em;
}

可以用更干净的方式重写吗？例如：

.element .Change, .Name {
  font-size: 1em;
}

我应该知道这一点，但是当我搜索将CSS放在一行时，我会得到单行CSS的例子。

感谢您的帮助

Answer 1

是的，几乎完全按照你的建议。

.element .Change,
.element .Name {
  font-size: 1em;
}

Answer 2

.element .Change, .element .Name {
  font-size: 1em;
}

Answer 3

CSS冗余并不是很糟糕，因为您需要为将来的更改保留一些缓冲区。

如果您确定自己的造型不会改变，那么您所做的就完全没问题了。

我建议你看一下LESS和其他类似的编译到CSS语言。