How to add css to multiple classes

Question

I have the following css which is working good. It applies to 4 different forms.

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

Is there a way to put this all together in one css line of code?

Thanks in advance!

Answer 1

Yes, use commas to separate the selectors:

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

If you want this to apply to all forms, you could omit the IDs:

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