css - 如何将css添加到多个类

Question

我有以下运行良好的css。它适用于 4 种不同的形式。

    #gform_wrapper_1 .gform_body {padding: 25px; padding-left: 30px; box-shadow: 
    2px 2px 17px -3px rgba(0,0,0,0.35);}
    #gform_wrapper_2 .gform_body {padding: 25px; padding-left: 30px; box-shadow: 
    2px 2px 17px -3px rgba(0,0,0,0.35);}
    #gform_wrapper_3 .gform_body {padding: 25px; padding-left: 30px; box-shadow: 
    2px 2px 17px -3px rgba(0,0,0,0.35);}
    #gform_wrapper_10 .gform_body {padding: 25px; padding-left: 30px; box-shadow: 
    2px 2px 17px -3px rgba(0,0,0,0.35);}

有没有办法将所有这些放在一个 css 代码行中？

提前致谢！

标签： cssgravityforms

Answer 1

是的，使用逗号分隔选择器：

#gform_wrapper_1 .gform_body,
#gform_wrapper_2 .gform_body,
#gform_wrapper_3 .gform_body,
#gform_wrapper_10 .gform_body {
  padding: 25px;
  padding-left: 30px;
  box-shadow: 2px 2px 17px -3px rgba(0,0,0,0.35);
}

如果您希望这适用于所有表单，则可以省略 ID：

.gform_body {
  padding: 25px;
  padding-left: 30px;
  box-shadow: 2px 2px 17px -3px rgba(0,0,0,0.35);
}