2010-11-05 26 views
42

मुझे पता है कि यह एक बेवकूफ सवाल है, लेकिन मैं Google खोज रहा हूं और मुझे कोई जवाब नहीं मिल रहा है:/तो एसएएसएस और कम्पास, एसएएसएस और एससीएसएस के बीच क्या अंतर है? मैं इस से वास्तव में उलझन में हो रहा हूँ।कंपास और सास के बीच अंतर?

कोई भी जानकारी :)

उत्तर

74

अति सरलीकरण के जोखिम को कम, कम्पास के लिए धन्यवाद एक रूपरेखा जबकि सास एक भाषा अमूर्त है। आप कम्पास संदर्भ के भीतर सास कोड (और इसे मानक सीएसएस में संकलित) लिखते हैं। एससीएसएस बस सास भाषा का सबसे हालिया वाक्यविन्यास है। यह सिंटैक्स में अधिक सीएसएस जैसी होने के एकमात्र उद्देश्य के लिए बनाया गया था, जहां तक ​​मैं कह सकता हूं। सास की सभी वाक्य रचनात्मक चीनी, लेकिन फ्रंट एंड डेवलपर्स के लिए अधिक परिचित सीएसएस के साथ आरामदायक।

+0

ओह मुझे अब मिल गया, धन्यवाद! अगर मैं कर सकता तो मैं वोट दूंगा:/ –

+22

अगर उत्तर पर्याप्त है, तो बस इसे चिह्नित करने के रूप में जवाब ठीक होगा। –

13

मैं एक TLDR जवाब प्रदान की है:

कम्पास अनिवार्य रूप से एक एस.ए.एस.एस. पुस्तकालय है। यह सास की कच्ची भाषा का उपयोग करता है और आम पुन: प्रयोज्य कार्यों का निर्माण करता है।

website से:

कम्पास सास उपयोग करता है।

सास CSS3 का विस्तार है जो नेस्टेड नियम, चर, मिश्रण, चयनकर्ता विरासत, आदि को जोड़ता है। सास अच्छी तरह से स्वरूपित सीएसएस उत्पन्न करता है और आपकी स्टाइलशीट को व्यवस्थित और बनाए रखने में आसान बनाता है।

14

सामान्य में: "सास" एक सीएसएस पूर्वप्रक्रमक के लिए नाम है - इसका मतलब है: प्लेसहोल्डर की कमी रूपों है कि स्वचालित रूप से सामान्य सीएसएस कोड को संकलित किया गया है लिखने के लिए डेवलपर्स के लिए एक उपयोगी उपकरण। सास के पास लघु फॉर्म कोड लिखने के दो अलग-अलग तरीके हैं: एससीएसएस और एसएएसएस। एससीएसएस और एसएएसएस के बीच का अंतर बहुत आसान है: एससीएसएस अतिरिक्त कार्यों के साथ सामान्य सीएसएस है। प्रत्येक सीएसएस फ़ाइल का नाम बदलकर एसएसएसएस के रूप में किया जा सकता है और मान्य होगा। SASS सभी घुंघराले ब्रैकेट को छोड़कर लेखन के एक छोटे रूप का उपयोग करता है। एक .css फ़ाइल को वैध .sass फ़ाइल में कनवर्ट करने के लिए, आपको सीएसएस कोड बदलने की आवश्यकता है।

कम्पास एक तथाकथित सीएसएस ढांचा है जिसे कमांड लाइन टूल्स के माध्यम से नियंत्रित किया जाता है। कम्पास कोडिंग को तेज करने और गलतियों को लिखने से रोकने के लिए पूर्व परिभाषित कार्यों, मिश्रणों और इतने पर विकास का समर्थन करता है। उदाहरण के लिए कंपास आपको सभी पॉलीफिल के साथ एक बॉक्स-छाया को कॉल करने की अनुमति देता है, बस "@ अंतर्निहित बॉक्स-छाया();"। "कंपास संकलन" के उपयोग से फ़ाइल को संकलित करते समय सभी सीएसएस-कोड को कंपास द्वारा जोड़ा जाता है। कम्पास बड़ी फ्रंटेंड विकास परियोजनाओं में काम करने के लिए सबसे अधिक इस्तेमाल किए जाने वाले औजारों में से एक है।

+0

यह स्वीकार्य उत्तर होना चाहिए –

5

कम्पास सास के साथ बनाया गया एक ढांचा है। एक और लोकप्रिय सास ढांचे Bourbon और Susy हैं। इसका मतलब है, ये सभी ढांचे सास में लिखे गए हैं। उनके पास केवल पूर्वनिर्धारित कार्य और मिश्रण हैं जिनका उपयोग आप अपने वर्कफ़्लो को तेज़ करने के लिए कर सकते हैं।

एससीएसएस (सैसी सास) बस सैस का नया वाक्यविन्यास है। यह सीएसएस-सिंटैक्स का उपयोग करता है। उदाहरण के लिए:,

h2 
    color: red 

सूचना है कि कोई ब्रेसिज़ और कोई अर्द्ध कोलन उपयोग किया जाता है:

h2 { 
    color: red; 
} 

दूसरी ओर, सास एक कम "सख्त" सिंटैक्स का उपयोग करता। इसके अलावा, आपको इंडेंटेशन का उपयोग करना होगा।

समेकित करने के लिए, आप किस फ्रेमवर्क या सास वाक्यविन्यास का उपयोग करेंगे, यह आपकी पसंद है!

+0

यह मौजूदा उत्तरों पर कुछ भी कैसे जोड़ता है? – cimmanon

+0

मुझे पता है कि यह कुछ भी नया नहीं है, यह सिर्फ मेरी खुद की व्याख्या है। – gmuser

+0

पुराने प्रश्नों को टक्कर न दें अगर वे पहले से ही पर्याप्त/सही तरीके से उत्तर दिए गए हैं। – cimmanon

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