有什么办法可以压缩此冗余代码？

Question

当前，我的样式表包含以下内容：

.form-control {
  background-color: #23272A;
  border-color: #23272A;
}

.form-control:focus {
  background-color: #23272A;
  border-color: #23272A;
}

.form-control:disabled {
  background-color: #23272A;
  border-color: #23272A;
}

所以，我想知道是否有任何方法可以将它们组合在一起，本质上是将这三个状态指向一个集合。

Answer 1

是的，假设所有选择器具有相同的属性，则将3个规则全部放在一个规则中，同时使用3个选择器（以逗号分隔）

.form-control,
.form-control:focus,
.form-control:disabled {
  background-color: #23272A;
  border-color: #23272A;
}