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添加到多个类

1 个答案: