Angular कंपोनेंट की स्टाइल
आइए अब हमारे मार्कअप को
CSS के माध्यम से स्टाइल करें। इसके लिए हमें
app.component.css फ़ाइल की आवश्यकता होगी, जिसमें
कंपोनेंट के मार्कअप के लिए
CSS स्टाइल लिखी जाती हैं। इसके साथ ही
Angular स्वयं इस बात का ध्यान रखता है कि स्टाइल
CSS मॉड्यूल की तरह काम करें। इसका मतलब है कि
सभी सेलेक्टर केवल
कंपोनेंट के मार्कअप के लिए काम करेंगे और बाहरी
मार्कअप को प्रभावित नहीं करेंगे।
आइए व्यवहार में देखें। मान लीजिए हमारे कंपोनेंट में निम्नलिखित मार्कअप है:
<div>
abcde
</div>
आइए div को रंग दें:
div {
color: red;
}
इसके साथ हम आश्वस्त हो सकते हैं कि स्टाइल केवल हमारे कंपोनेंट के divs पर लागू होगी, और किसी अन्य पर नहीं।
टेम्पलेट फ़ाइल में कुछ मार्कअप बनाएं। इस मार्कअप के लिए स्टाइल लिखें।
