बाहरी

Question

से छाया डोम स्टाइलिंग मैं बाहर से छाया डोम स्टाइल करने का एक तरीका खोज रहा हूं। उदाहरण के लिए, मैं सभी पाठों का रंग सभी 'span.special' तत्वों में लाल के रूप में सेट करना चाहता हूं। छाया डोम से 'span.special' तत्वों सहित। मैं यह कैसे कर सकता हूं?

पहले वहाँ छद्म तत्व और /गहरी/ Combinator उर्फ ​​>>> इस उद्देश्य के लिए थे :: छाया। इसलिए मैं

span.special, *::shadow span.special { 
    color: red 
} 

की तरह कुछ लिख सकता है लेकिन अब :: शैडो, /गहरी/ और >>> पदावनत कर रहे हैं। तो, हमारे पास उनके प्रतिस्थापन के रूप में क्या है?

Answer 1

आप इस पर answer में एसओ पर एक अन्य प्रश्न में समझाया गया @import css का उपयोग कर सकते हैं।

शैली तत्व छाया पेड़ में नियम शामिल करें।

<style> 
    @import url('/css/external-styles.css') 
</style> 

---

ध्यान दें कि >>> combinator अभी भी सीएसएस कार्यक्षेत्र मॉड्यूल ड्राफ्ट का हिस्सा है।

1) व्यापक:

Answer 2

खैर, @import एक समाधान अगर आप पुस्तकालय वेब घटक है कि आप बदल नहीं सकते के साथ काम कर रहे हैं ...

अंत में मैं यह करने के कई तरीके पाया नहीं है। छाया डोम के मेजबान तत्व के शैलियां छाया डोम तत्वों को भी प्रभावित करती हैं। यदि आपको छाया डोम का एक विशेष तत्व स्टाइल करने की आवश्यकता नहीं है, तो प्रत्येक विकल्प नहीं।

2) कस्टम गुण https://www.polymer-project.org/1.0/docs/devguide/styling यदि वेब घटक का कोई लेखक ऐसा प्रदान करता है।

3) पॉलिमर में, कस्टम mixins भी https://www.polymer-project.org/1.0/docs/devguide/styling

4) @import है, लेकिन केवल नहीं-पुस्तकालय घटकों

के लिए तो, वहाँ कई संभावनाएं हैं, लेकिन उन सभी को सीमित कर रहे हैं। बाहरी शैली के रूप में :: छाया के रूप में कोई शक्तिशाली पर्याप्त रास्ता नहीं था।