css 简化,简化和压缩CSS

我无法确定如何(或最好的方法)像这样压缩CSS：

/*purple*/

#page .purple-title-background h1.et_pb_module_header,

#page .purple-title-background span.et_pb_fullwidth_header_subhead,

#page .purple-title-background .et_pb_header_content_wrapper {

background: #991e66;

box-shadow: 10px 0 0 #991e66, -10px 0 0 #991e66;

}

/*brown*/

#page .brown-title-background h1.et_pb_module_header,

#page .brown-title-background span.et_pb_fullwidth_header_subhead,

#page .brown-title-background .et_pb_header_content_wrapper {

background: #4c0730;

box-shadow: 10px 0 0 #4c0730, -10px 0 0 #4c0730;

}

/*tan*/

#page .tan-title-background h1.et_pb_module_header,

#page .tan-title-background span.et_pb_fullwidth_header_subhead,

#page .tan-title-background .et_pb_header_content_wrapper {

background: #fff4d8;

box-shadow: 10px 0 0 #fff4d8, -10px 0 0 #fff4d8;

}

/*gray*/

#page .gray-title-background h1.et_pb_module_header,

#page .gray-title-background span.et_pb_fullwidth_header_subhead,

#page .gray-title-background .et_pb_header_content_wrapper {

background: #f7f7f9;

box-shadow: 10px 0 0 #f7f7f9, -10px 0 0 #f7f7f9;

}

您会注意到，每个类唯一不同的地方是-title-background之类的类。我知道必须有一种方法可以将其纳入一个CSS“规则”。而且，很遗憾，我不能使用预处理器。

谢谢！