क्या सीवीजी <use> सीएसएस पृष्ठभूमि-छवि में उपयोग किया जा सकता है?

Question

यहां हम देख सकते हैं कि एसवीजी का उपयोग सीएसएस पृष्ठभूमि छवियों में किया जा सकता है।

.icon { 
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="16" viewBox="0 0 64 16"> <circle fill="blue" cx="8" cy="8" r="8"/> <circle fill="red" cx="24" cy="8" r="8"/> <circle fill="yellow" cx="40" cy="8" r="8"/> <circle fill="green" cx="56" cy="8" r="8"/> </svg>'); 
background-repeat: no-repeat; 
background-size: auto 100%; 
display: inline-block; 
} 

लेकिन <svg><use xlink:href="svg.svg#mySVG"></use></svg> लागू किया जा सकता है? यह मेरे लिए अमान्य सीएसएस है, लेकिन मैं बस कुछ गलत कर रहा हूं।

Answer 1

यह किसी भी त्रुटि के बिना डब्ल्यू 3 सी वैधकर्ता और ए-चेकर में पारित किया जाएगा। साथ ही, सीएसएस वर्ग का यूआरएल एक मुद्दा नहीं होगा क्योंकि हम सीएसएस के लिए पथ निर्दिष्ट करते हैं, और जब तक कि यह वैध या सही न हो, ब्राउज़र इसे प्रस्तुत करेगा।