How to prevent custom CSS from impacting other mashups in parent mashup?

[S_Elsayed]

I have a parent mashup where there are two mashup containers. One of the mashups in the containers have custom CSS. However, this custom CSS is also affecting the other contained mashup. How do i prevent that from happening?

This is the CSS is one of the mashups:

rect {
  fill: rgba(0, 0, 0, 0); !important
}

 I just want to hide the rectangle in that certain mashup, but it ends up hiding the other rectangle in the second mashup too.

[Velkumar · Accepted solution]

Hi @S_Elsayed 

Use Class Selector name in CSS

.customCss rect {
  fill : rgba(0,0,0,0) !important ;

}

Put class name in Container custom css property.

/VR