css spilling from on svg style to the other

Question

I have this webfirme.ro/rig

How can I stop the color from spilling from img_1 (the SVG from the left) to the one in the right?

Both have something like this:

<style type="text/css">
   <![CDATA[
   .fil1 {fill:#028553}
   .fil4 {fill:#FA0000}
   ]]>

and the second if has the fill green makes the first also green.

Example: select MLT_116c (from the FIRST) and then BMC_375 (from the second).

How can I encapsulate the style without modifying the xml file ?

Answer 1

Display the SVG XML data via an <object> or <iframe> tag. Then they will be in separate documents and their CSS styles will not interfere with each other.