有什么方法可以嵌入& ltsvg & gt內(nèi)部& ltsvg & gt并為類和id分隔它們的名稱空間？

這個想法是讓下面的代碼呈現(xiàn)為兩個文本——一個紅色和一個藍色而不改變& ltstyle & gt內(nèi)容(全部嵌入& ltsvg & gt內(nèi)容來自另一個文件并試圖避免以任何方式接觸它)。

可以選擇將嵌入式svg保存在單獨的文件中，并使用& ltimage href = & quot..."/& gt；但是這里的目標是將一堆SVG合并成一個。

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
    <svg>
        <style>
            #text-font {
                fill: red;
            }
        </style>
        <text id="text-font" x="50" y="50">TEST</text>
    </svg>
  
    <svg>
        <style>
            #text-font {
                fill: blue;
            }
        </style>
        <text id="text-font" x="100" y="100">TEST</text>
    </svg>
</svg>