如何将 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 行代码中？

提前致谢！

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);
}

如何将 css 添加到多个类

How to add css to multiple classes

css

gravityforms

如何将 css 添加到多个 类

How to add css to multiple classes

css

gravityforms

如何将 css 添加到多个类