NextJS में ग्लोबल CSS

app फोल्डर के अंदर डिफ़ॉल्ट रूप से हमारे प्रोजेक्ट की ग्लोबल CSS स्टाइल्स के साथ globals.css फ़ाइल मौजूद है।

ग्लोबल स्टाइल्स को किसी भी लेआउट, पेज या कंपोनेंट में इम्पोर्ट किया जा सकता है। बिना इम्पोर्ट के वे लागू नहीं होंगी।

आइए ग्लोबल स्टाइल्स की फ़ाइल को साइट के मुख्य लेआउट में इम्पोर्ट करें:

app/layout.jsximport '@/app/globals.css';
Задание 1

अपने पेज की बैकग्राउंड बदलें।

Задание 2

globals.css फ़ाइल में कोई CSS क्लास डिफाइन करें। इसे किसी कंपोनेंट में एप्लाई करें।