2012-05-17 10 views
45

ट्विटर बूटस्ट्रैप कोड में !default अंत में बहुत सी सीएसएस गुण हैं।क्या करता है! एक सीएसएस संपत्ति मूल्य में डिफ़ॉल्ट मतलब है?

उदा।

p { 
    color: white !default; 
} 

!default क्या करता है?

अद्यतन

स्पष्ट नहीं होने के लिए मेरी बुरा। मैं बूटस्ट्रैप के SASS पोर्ट का उपयोग कर रहा हूँ।

+0

सीएसएस 2.1 http://www.w3.org/TR/CSS2/ – Marcin

+1

कभी नहीं यह पहले देखा में मौजूद नहीं है। कुछ ऐसा हो सकता है जो केवल बूटस्ट्रैप पर लागू होता है, हो सकता है कि उनके पास कुछ प्रकार का पार्स है जो – Huangism

उत्तर

31

ट्विटर बूटस्ट्रैप कम से कम जहां तक ​​मैंने देखा है का उपयोग करता है। दूसरी ओर, !default is actually part of Sass, और इसका उपयोग सैस वेरिएबल्स ($var) डिफ़ॉल्ट मान देने के लिए किया जाता है, जो इसे आपके दिए गए संदर्भ में में भी अमान्य बना देगा, यहां तक ​​कि Sass में भी।

इसके अलावा, मैं !defaultthe LESS documentation में कोई संदर्भ नहीं ढूंढ पाया, और मेरे ज्ञान के लिए यह सास के लिए विशिष्ट है। क्या आप वाकई बूटस्ट्रैप के स्रोत में पाए गए हैं और कहीं और नहीं? क्योंकि मैं ईमानदारी से बूटस्ट्रैप की स्टाइलशीट में एसएएस/एससीएसएस कोड को याद नहीं करता हूं।

इसके लायक होने के लिए, सीएसएस में ! के साथ शुरू होने वाला एकमात्र वैध टोकन !important, which you may already be aware of है।

+1

ठीक है, मैंने बस बूटस्ट्रैप की एक ताजा प्रति डाउनलोड की और उसे दबा दिया, और वास्तव में, यह निश्चित रूप से बूटस्ट्रैप के स्रोत से * नहीं * ... – BoltClock

+1

वह गलत हो सकता है, या वह [बूटस्ट्रैप के सास बंदरगाह] का उपयोग कर सकता है (https://github.com/jlong/sass-twitter-bootstrap)। जिस तरह से, उसने एक अस्पष्ट सवाल पूछा। – thirtydot

+0

@ थर्डडॉट: दिलचस्प, मुझे इस तरह के बंदरगाह से अवगत नहीं था। उपर्युक्त कोड अभी भी अमान्य सास है, और मुझे सास बंदरगाह को जानने के लिए भी जरूरी नहीं है। – BoltClock

21

! डिफ़ॉल्ट रूप से बूटस्ट्रैप सास में प्रयोग किया जाता है। यह एक विपरीत के समान है! महत्वपूर्ण। Bootstraps वैरिएबल का उपयोग कर रहे हैं! डेवलपर को बूटस्ट्रैप को और कस्टमाइज़ करने की अनुमति देने के लिए डिफ़ॉल्ट। इसके साथ! डिफ़ॉल्ट सैस केवल एक वैरिएबल को परिभाषित करेगा यदि यह पहले से सेट नहीं किया गया है।

यह अधिक लचीलापन की अनुमति देता है।

//Example1 Dress color = red 
$auroras-dress-color: blue; 
$auroras-dress-color: red; 

//Example2 Dress color = red 
$auroras-dress-color: blue !default; 
$auroras-dress-color: red; 

//Example3 Dress color = blue 
$auroras-dress-color: blue; 
$auroras-dress-color: red !default; 

तो यह महत्वपूर्ण क्यों है? बूटस्ट्रैप एक पैकेज है। अधिकांश लोग बूटस्ट्रैप स्रोत को संपादित नहीं करते हैं। बूस्टरस्ट्रोप स्रोत अद्यतन न करें। बूटस्ट्रैप को कस्टमाइज़ करने के लिए आप अपनी खुद की चर फ़ाइल जोड़ देंगे और इसे बूटस्ट्रैप कोड से संकलित करेंगे लेकिन देशी बूटस्ट्रैप पैकेज को कभी भी स्पर्श नहीं करेंगे। बूटस्ट्रैप सैस के पृष्ठ में पूर्ण पतला है कि इसे दस्तावेज़ों में कैसे अनुकूलित और संकलित करें।

मुझे नहीं पता कि यह क्यों कम नहीं करता है। मैंने कम से कम काम नहीं किया है और यह नहीं पता कि क्या यह स्वयं परिवर्तनीय प्रबंधन में निर्मित है या नहीं।

उदाहरण बेला https://jsfiddle.net/siggysid/344dnnwz/

संबंधित मुद्दे