छाया-छेड़छाड़ करने वाले वंशज, '/ गहरी /', जिसमें ':: छाया' छद्म तत्व शामिल हैं, को बहिष्कृत किया जा रहा है, तो हम छाया डोम को कैसे छेद कर सकते हैं?

Question

मान लें कि हमारे पास एनिमेटेड सीएसएस लोडर की तरह कुछ सीएसएस कोड था जिसे हम अपने सभी वेब घटकों में उपयोग करना चाहते हैं जो छाया डोम का उपयोग करते हैं। यदि हम छाया डीओएम को छेड़छाड़ करने में असमर्थ हैं तो हम इस सीएसएस कोड का फिर से उपयोग कैसे कर सकते हैं जैसे ::shadow और /deep/ के साथ संभव था?

हम छाया डीओएम के भीतर <link /> भी जोड़ नहीं सकते हैं, इसलिए वर्तमान में मैं एकाधिक <style> टैग के माध्यम से कोड को डुप्लिकेट करने के लिए मजबूर हूं।

मैं वास्तव में जानना चाहता हूं कि इस प्रकार के उपयोग के मामले में सुझाए गए सर्वोत्तम अभ्यास क्या हैं।

धन्यवाद।

Answer 1

<link /> का उपयोग करने के बजाय, मैं आपको बाहरी शैलियों को लोड करने के लिए छाया रूट के अंदर css @imports का उपयोग करने का सुझाव देता हूं, जहां कभी आवश्यकता हो।
मैंने इस विषय पर here उत्तर दिया है। संदर्भ के लिए इसे नीचे उद्धृत करना।

आप एक style.css बना सकते हैं और अपने टेम्पलेट में एक css @import डाल कर अपने घटकों में आयात कर सकते हैं। कई नेटवर्क कॉल नहीं होंगे, क्योंकि ब्राउजर इसे कैश करने जा रहा है जब आपका पहला घटक लोड होता है और बाद के घटकों के लिए इसे कैश से चुना जाएगा।