सीएसएस में एसवीजी "डीफ़्स" टैग का सही व्यवहार क्या है?

Question

जब एक एम्बेडेड सीएसएस के साथ इस एसवीजी कोड लिखने,:

<?xml version="1.0" encoding="utf-8"?> 

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 100 100"> 
    <style> 
     defs rect 
     { 
      fill:   blue; 
     } 
    </style> 
    <defs> 
     <rect id="rectangle" x="5" y="10" width="3" height="3"/> 
    </defs> 

    <rect x="5" y="5" width="3" height="3"/> 
    <use xlink:href="#rectangle"/> 
</svg> 

फिर, क्रोम "भरने: नीले" लागू होता है उपयोग टैग के माध्यम से दूसरे रेक्ट के नियम (ताकि पहले रेक्ट काला है, दूसरा नीला है), जबकि फ़ायरफ़ॉक्स नियम लागू नहीं करता है (दोनों रेक्ट काला रहते हैं)।

क्या यह एक फायरबग है? क्या मुझे कुछ नहीं मिला है? या मानक कहते हैं "defs टैग सीएसएस चयनकर्ताओं को ब्लॉक करना चाहिए"?

Answer 1

यह वास्तव में फ़ायरफ़ॉक्स से एक बग है।

नियम defs rect तत्वों पर लागू होते हैं, लेकिन use टैग क्लोन defs rect पर लागू नहीं होते हैं। defs को g टैग के साथ प्रतिस्थापित करने से पता चलता है कि defs rect भरा हुआ है; लेकिन नियम "-जनित क्लोन" पर लागू नहीं होते हैं।

सही व्यवहार क्रोम का है, जो उपयोग-उत्पन्न क्लोन भर रहा है; defs rect का उपयोग-क्लोन संस्करण गलत तरीके से फ़ायरफ़ॉक्स से भरा नहीं है।

अधिक स्पष्टीकरण के लिए https://bugzilla.mozilla.org/show_bug.cgi?id=997362#c4 देखें।