CSS @import नियम
परिभाषा और उपयोग
@import नियम आपको एक स्टाइल शीट को दूसरे स्टाइल शीट में आयात करने की अनुमति देता है।
@import नियम को दस्तावेज़ के शीर्ष पर स्थित होना चाहिए (यद्यपि @charset घोषणा के बाद)।
@import नियम मीडिया क्वेरी को समर्थित करता है, इसलिए उपर्युक्त मीडिया पर आयात की अनुमति देता है।
उदाहरण
उदाहरण 1
"navigation.css" स्टाइल शीट को वर्तमान स्टाइल शीट में आयात करें:
@import "navigation.css"; /* शब्द-शृंखला का उपयोग करें */
या
@import url("navigation.css"); /* यूआरएल का उपयोग करें */
उदाहरण 2
केवल मीडिया print के लिए "printstyle.css" स्टाइल शीट आयात करें:
@import "printstyle.css" print;
उदाहरण 3
केवल मीडिया screen और विन्यास विस्तार 768 पिक्सल के लिए "mobstyle.css" स्टाइल शीट आयात करें:
@import "mobstyle.css" screen and (max-width: 768px);
CSS व्याकरण
@import url|string list-of-mediaqueries;
गुण-मूल्य
| मूल्य | वर्णन |
|---|---|
| url|string | url या शब्द-शृंखला, इसका अर्थ है कि आयातित संसाधन का स्थान।url अभिलेखीय या सापेक्ष हो सकता है। |
| list-of-mediaqueries | कमा से विभाजित मीडिया क्वेरी सूची, यह निर्धारित करती है कि यूआरएल के माध्यम से आयातित सीएसएस नियम क्या शर्तों पर लागू होते हैं। |
ब्राउज़र समर्थन
तालिका में नम्बरों को पहली ब्राउज़र आईडी के रूप में सूचीबद्ध किया गया है जो इस अभिगम को पूरी तरह से समर्थन करता है।
| च्रोम | IE / एज | फ़ायरफॉक्स | सफारी | ओपेरा |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
