Combining data-section ids in CSS

I have code written for a testimonial slider, I want to use this on various pages.

At the moment I am repeating all of the code and just changing the data-section id as I can not work out how to combine 2 section ids eg

[data-section-id="5fa123bb822c8849697a5ef0"] .summary-title {
  margin-top: 30px !important;
  font-size: 22px !important;
  font-family: aktiv-grotesk;
  font-weight: 500;
  color: black !important;
  text-align: center !important;
  pointer-events: none;
}

How to I combine another section id

[data-section-id="5fc614ac08845d09245af5e7"]

so as not to repeat all of the code?

Thanks

data-section-id-1 .summary-title, data-section-id-2 .summary-title, data-section-id-3 .summary-title {}

On 12/6/2020 at 1:01 AM, tuanphan said:

data-section-id-1 .summary-title, data-section-id-2 .summary-title, data-section-id-3 .summary-title {}

#block-yui_3_17_2_1_1654722364804_11397 img {
  border-radius: 100%;
}

I would like to apply this code to multiple images as well. How do I combine the Ids without having to write the code everytime. 

Thanks.

1 hour ago, PapaJoe said:

How do I combine the Ids without having to write the code everytime.

As @tuanphan shows you separate the selectors with commas.

#block-yui_3_17_2_1_1654722364804_11397 img,
#block-yui_3_17_2_1_1654722364804_11398 img,
#block-yui_3_17_2_1_1654722364804_11399 img

  {
  
    border-radius : 100%;
	
	}

Note the last selector does not end with a comma.

Let us know how it goes.

19 hours ago, creedon said:

As @tuanphan shows you separate the selectors with commas.

#block-yui_3_17_2_1_1654722364804_11397 img,
#block-yui_3_17_2_1_1654722364804_11398 img,
#block-yui_3_17_2_1_1654722364804_11399 img

  {
  
    border-radius : 100%;
	
	}

Note the last selector does not end with a comma.

Let us know how it goes.

Oh wow, thanks!