शीर्ष 40 एसएएसएस साक्षात्कार प्रश्न और उत्तर (2025)

यहां नए लोगों के साथ-साथ अनुभवी उम्मीदवारों के लिए उनके सपनों की नौकरी पाने के लिए एसएएसएस और एससीएसएस साक्षात्कार प्रश्न और उत्तर दिए गए हैं।

1) बताएं कि सैस क्या है? इसका उपयोग कैसे किया जा सकता है?

सैस का मतलब सिंटैक्टिकली विस्मयकारी स्टाइलशीट है और इसे हैम्पटन कैटलिन द्वारा बनाया गया था। यह CSS3 का एक विस्तार है, जिसमें नेस्टेड नियम, मिक्सिन, वेरिएबल, चयनकर्ता वंशानुक्रम आदि शामिल हैं।

सैस का प्रयोग तीन प्रकार से किया जा सकता है

एक कमांड लाइन टूल के रूप में
एक स्टैंडअलोन रूबी मॉड्यूल के रूप में
किसी भी रैक-सक्षम ढांचे के लिए एक प्लगइन के रूप में

निःशुल्क पीडीएफ डाउनलोड: एसएएसएस साक्षात्कार प्रश्न और उत्तर

2) सैस के लिए प्रमुख विशेषताओं की सूची बनाएं?

सैस की मुख्य विशेषताओं में शामिल हैं

पूर्ण CSS3-संगत
भाषा विस्तार जैसे नेस्टिंग, वेरिएबल और मिक्सिन
रंगों और अन्य मूल्यों में हेरफेर करने के लिए कई उपयोगी कार्य
पुस्तकालयों के लिए नियंत्रण निर्देश जैसी उन्नत सुविधाएँ
अच्छी तरह से स्वरूपित, अनुकूलन योग्य आउटपुट

3) सैसस्क्रिप्ट द्वारा समर्थित डेटा प्रकारों की सूची बनाएं?

SassScript सात मुख्य डेटा प्रकारों का समर्थन करता है

संख्याएँ (जैसे; 1,5 ,10px)
टेक्स्ट की स्ट्रिंग्स (जी., "फू", 'बार', आदि)
रंग (नीला, #04a3f9)
बूलियन्स (सही या गलत)
शून्य (जैसे; शून्य)
मानों की सूची, रिक्त स्थान या अल्पविराम द्वारा अलग की गई (जी., 1.5एम, एरियल, हेल्वेटिका आदि)
एक मान से दूसरे मान पर मानचित्र (जी, (कुंजी 1: मान1, कुंजी 2: मान 2))

4) बताएं कि सैस में एक वेरिएबल को कैसे परिभाषित किया जाए?

Sass में वेरिएबल ($) चिह्न से शुरू होते हैं और वेरिएबल असाइनमेंट कोलन (:) से किया जाता है।

5) बताएं कि सैस और एससीएसएस में क्या अंतर है?

Sass और SCSS के बीच अंतर यह है कि,

सैस एक है सीएसएस सिंटैक्स उन्नति और CSS3 के विस्तार के साथ प्री-प्रोसेसर
Sass के दो वाक्यविन्यास हैं
पहला सिंटैक्स "SCSS" है और यह .scss एक्सटेंशन का उपयोग करता है
अन्य सिंटैक्स इंडेंटेड सिंटैक्स या सिर्फ "Sass" है और यह .sass एक्सटेंशन का उपयोग करता है
जबकि Sass में सफेद स्थान और कोई अर्धविराम के साथ ढीला वाक्यविन्यास है, SCSS CSS से अधिक मिलता जुलता है

किसी भी सीएसएस वैध दस्तावेज़ को केवल .CSS से .SCSS तक एक्सटेंशन को बदलकर Sass में परिवर्तित किया जा सकता है।

6) सैस में सेलेक्टर नेस्टिंग का उपयोग किस लिए किया जाता है?

सैस में, चयनकर्ता नेस्टिंग स्टाइलशीट लेखकों को एक दूसरे के भीतर छोटे चयनकर्ताओं को नेस्ट करके लंबे चयनकर्ताओं की गणना करने का एक तरीका प्रदान करता है।

7) बताएं कि Sass में @extend फ़ंक्शन का उपयोग किस लिए किया जाता है?

Sass में, @EXTEND निर्देश एक चयनकर्ता को किसी अन्य की शैलियों को प्राप्त करने की अनुमति देने का एक सरल तरीका प्रदान करता है। इसका उद्देश्य चयनकर्ता ए को चयनकर्ता बी से शैलियों का विस्तार करने का एक तरीका प्रदान करना है। ऐसा करते समय, चयनकर्ता ए को चयनकर्ता बी में जोड़ा जाएगा ताकि वे दोनों समान घोषणाएं साझा करें। @EXTEND समान शैली साझा करने वाले चयनकर्ताओं को एक नियम में समूहित करके कोड ब्लोट को रोकता है।

8) बताएं कि Sass में @IMPORT फ़ंक्शन का क्या उपयोग है?

Sass में @IMPORT फ़ंक्शन

SCSS और Sass फ़ाइलों के आयात को सक्षम करके CSS आयात नियम का विस्तार करता है
सभी आयातित फ़ाइलें एक आउटपुट वाली CSS फ़ाइल में मर्ज हो जाती हैं
वस्तुतः किसी भी फ़ाइल का मिश्रण और मिलान कर सकते हैं और आपकी सभी शैलियों के बारे में निश्चित हो सकते हैं
@IMPORT आयात करने के लिए एक फ़ाइल नाम लेता है

9) Sass को LESS से बेहतर क्यों माना जाता है?

सास आपको पुन: प्रयोज्य तरीकों को लिखने और तर्क कथन, जैसे, लूप और कंडीशनल का उपयोग करने की अनुमति देता है
Saas उपयोगकर्ता कम्पास लाइब्रेरी तक पहुंच सकता है और डायनामिक स्प्राइट मैप जेनरेशन, लीगेसी ब्राउज़र हैक्स और CSS3 सुविधाओं के लिए क्रॉस-ब्राउज़र समर्थन जैसी कुछ अद्भुत सुविधाओं का उपयोग कर सकता है।
कम्पास आपको ब्लूप्रिंट, फाउंडेशन या जैसे बाहरी ढांचे को जोड़ने की भी अनुमति देता है जूते का फीता शीर्ष पर
LESS में, आप 'गार्डेड मिक्सिन' का उपयोग करके एक बुनियादी तर्क कथन लिख सकते हैं, जो Sass if कथन के समतुल्य है
LESS में, आप पुनरावर्ती फ़ंक्शंस का उपयोग करके संख्यात्मक मानों के माध्यम से लूप कर सकते हैं जबकि Sass आपको किसी भी प्रकार के डेटा को पुनरावृत्त करने की अनुमति देता है
सैस में, आप अपने स्वयं के उपयोगी फ़ंक्शन लिख सकते हैं

10) बताएं कि सैस में मिक्सिन फ़ंक्शन का क्या उपयोग है? किसी मिश्रण को सुखाकर निकालने का क्या अर्थ है?

मिक्सिन आपको उन शैलियों को परिभाषित करने की अनुमति देता है जिन्हें .फ्लोट-लेफ्ट जैसी गैर-सिमेंटिक कक्षाओं का सहारा लेने की आवश्यकता के बिना पूरे स्टाइलशीट में पुन: उपयोग किया जा सकता है।

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

11) बताएं कि सैस मैप्स क्या है और सैस मैप्स का क्या उपयोग है?

सैस मैप एक पदानुक्रमित तरीके से संरचित डेटा है, न कि केवल चर का एक समूह। यह कोड को व्यवस्थित करने में मदद कर सकता है. सैस के कुछ बेहतरीन उपयोग हैं

आपके प्रोजेक्ट में तत्वों की परतों से निपटते समय यह बहुत उपयोगी है
जब विभिन्न रंग और शेड की लंबी सूची हो तो यह रंग प्रबंधन में सहायक हो सकता है
उदाहरण के लिए विभिन्न सोशल मीडिया आइकन के लिए आइकन मैप का उपयोग करें: फेसबुक: '\e607' या ट्विटर: '\e602'
अन्य प्रोग्रामिंग लाइब्रेरीज़ के विपरीत, सैस मैप में केवल वह कोड शामिल होगा जिसका उपयोग किया जाएगा

12) बताएं कि सैस टिप्पणियाँ नियमित सीएसएस से कैसे भिन्न हैं?

नियमित सीएसएस में टिप्पणियों के लिए सिंटैक्स /* टिप्पणियाँ…*/ से शुरू होता है, जबकि एसएएसएस में दो प्रकार की टिप्पणियाँ होती हैं, सिंगल लाइन टिप्पणियाँ // और मल्टीलाइन सीएसएस टिप्पणियाँ /* */ से शुरू होती हैं।

13) क्या सैस इनलाइन टिप्पणियों का समर्थन करता है?

सिंगल लाइन टिप्पणियाँ // .scss प्री-प्रोसेसर द्वारा हटा दी जाएंगी और आपकी .css फ़ाइल में दिखाई नहीं देंगी

जबकि टिप्पणी */ मान्य सीएसएस है, और .scss से आपकी .css फ़ाइल में अनुवाद के बीच संरक्षित की जाएगी

14) सैस में इंटरपोलेशन का उपयोग कैसे किया जाता है?

Sass में, आप एक तत्व को एक वेरिएबल में परिभाषित कर सकते हैं और इसे Sass कोड के अंदर प्रक्षेपित कर सकते हैं। यह तब उपयोगी होता है जब आप अपने मॉड्यूल को अलग-अलग फाइलों में रखते हैं।

15) बताएं कि आप सैस में %प्लेसहोल्डर्स का उपयोग कब कर सकते हैं?

Sass में %प्लेसहोल्डर तब उपयोगी होते हैं जब आप ऐसी शैलियाँ लिखना चाहते हैं जिनका विस्तार किया जाना था, लेकिन आप नहीं चाहते कि आधार शैलियाँ आउटपुट CSS शैलियों में दिखाई दें

16) क्या सैस में वेरिएबल्स को वेरिएबल्स के भीतर घोंसला बनाना संभव है?

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

17) सैस के फायदे और नुकसान क्या हैं?

फ़ायदे:

सैस सीखना आसान है, विशेष रूप से उनके लिए जिनके पास पायथन, रूबी या कॉफ़ीस्क्रिप्ट की पृष्ठभूमि है और जो फ़ंक्शंस का उपयोग करते हैं, मिक्सिन लिखते हैं
CSS को आसानी से Sass में बदला जा सकता है
पूरे प्रोजेक्ट के दौरान, आपको @extend विशेषता का उपयोग करके समान CSS स्टेटमेंट दोहराने की ज़रूरत नहीं है
यह उन वेरिएबल्स को परिभाषित करने की अनुमति देता है जो संपूर्ण प्रोजेक्ट में उपयोग योग्य हैं
यह आपके प्रतिक्रियाशील प्रोजेक्ट को अधिक व्यवस्थित रखता है

नुकसान:

उपयोग करने से पहले प्रीप्रोसेसर की नई सुविधाओं को सीखने के लिए समय की आवश्यकता होती है
हो सकता है कि आप ब्राउज़र की अंतर्निहित एलिमेंट इंस्पेक्टर सुविधा का उपयोग करने में सक्षम न हों
समस्या निवारण कठिन हो सकता है

18) स्पष्ट करें कि LESS क्या है?

LESS डायनामिक स्टाइल शीट तैयार करने वाली भाषा है। LESS एक CSS प्री-प्रोसेसर है और गतिशील व्यवहार के साथ CSS का विस्तार करता है। यह चर, मिश्रण, संचालन और कार्यों की अनुमति देता है। LESS सर्वर साइड और क्लाइंट साइड दोनों पर चलता है।

19) बताएं कि LESS फाइल कैसे बनाएं और इसे कहां स्टोर करें और संकलित करें?

LESS फ़ाइल बनाना या संग्रहीत करना CSS फ़ाइल बनाने/संग्रहित करने के समान है। .less एक्सटेंशन के साथ एक नई LESS फ़ाइल बनाई जा सकती है, या आप मौजूदा .css फ़ाइल का नाम बदलकर .less फ़ाइल कर सकते हैं। आप मौजूदा सीएसएस कोड के साथ कम कोड लिख सकते हैं।

इसे ~/content/ या ~/Styles/ फ़ोल्डर के अंदर बनाने का सबसे अच्छा तरीका

20) LESS का उपयोग किस प्रकार किया जा सकता है?

npm LESS के माध्यम से कमांड लाइन पर उपयोग किया जा सकता है
ब्राउज़र के लिए स्क्रिप्ट फ़ाइल के रूप में डाउनलोड करें
थर्ड पार्टी टूल्स के लिए इसका उपयोग किया जाता है

21) LESS में वेरिएबल को कैसे दर्शाया जाता है?

LESS वेरिएबल्स को परिभाषित करने की अनुमति देता है। LESS में, वेरिएबल को @sing के रूप में दर्शाया जाता है। जबकि, वेरिएबल असाइनमेंट एक: (कोलन) सिंग के साथ किया जाता है। वेरिएबल्स के मान सीएसएस आउटपुट फ़ाइल के साथ-साथ मिनीफ़ाइड फ़ाइल में डाले जाते हैं।

22) बताएं कि मिक्सिन्स किस प्रकार उपयोगी है?

मिक्सिन्स वर्ग के नाम को उसके गुणों में से एक के रूप में शामिल करके एक वर्ग के सभी गुणों को दूसरे वर्ग में एम्बेड करने में सक्षम बनाता है। यह केवल वेरिएबल्स की तरह है लेकिन संपूर्ण कक्षाओं के लिए है।

23) बताएं कि जब आप LESS.js चलाते हैं तो वॉच मोड में कोड कैसे सेट कर सकते हैं HTML5 ब्राउज़र?

यदि आप HTML5 ब्राउज़र में LESS.js चलाते हैं, तो यह जेनरेट किए गए CSS को कैश करने के लिए स्थानीय स्टोरेज का उपयोग करेगा। हालाँकि, डेवलपर के दृष्टिकोण से वे अपने द्वारा किए गए परिवर्तनों को तुरंत नहीं देख सकते हैं। अपने परिवर्तनों को तुरंत देखने के लिए, आप जावास्क्रिप्ट का पालन करके प्रोग्राम को डेवलपमेंट और वॉच मोड में लोड कर सकते हैं

<script type= "text/javascript">

less.env = "development " ;

less.watch () ;

</script>

24) स्पष्ट करें कि LESS प्रोग्रामिंग में नेस्टिंग का क्या अर्थ है?

LESS में नेस्टिंग अन्य कथनों के अंदर कथनों का समूहन है, इसलिए यह संबंधित कोड का एक समूह बनाता है। दूसरे शब्दों में जब हम एक कोड स्निपेट जोड़ते हैं और उसके अंदर दूसरा कोड जोड़ते हैं, तो उस कोड स्निपेट को नेस्टिंग कहा जाता है।

25) उल्लेख करें कि LESS में उपयोग किए जाने वाले रंग चैनल फ़ंक्शन क्या हैं?

रंग
संतृप्ति
hsvhue
संतृप्ति
hswalue
लाल
हरा
नीला
अल्फा
लुमा
luminance

26) कम शब्दों में बताएं कि डेटा-यूरी क्या है?

सीएसएस में, डेटा यूआरआई सबसे अच्छी तकनीकों में से एक है, यह डेवलपर्स को बाहरी छवि संदर्भ से बचने और इसके बजाय उन्हें सीधे स्टाइलशीट में एम्बेड करने की अनुमति देता है। डेटा यूआरआई HTTP अनुरोधों को कम करने का उत्कृष्ट तरीका है

27) बताएं कि "स्रोत मानचित्र कम इनलाइन" क्या है?

"सोर्स मैप लेस इनलाइन" विकल्प इंगित करता है कि हमें सभी सीएसएस फाइलों को सोर्समैप में शामिल करना चाहिए। जिसका अर्थ है कि आपको अपने मूल स्रोत तक पहुंचने के लिए केवल अपनी मानचित्र फ़ाइल की आवश्यकता है।

28) बताएं कि LESS में Extend “all” का क्या उपयोग है?

जब आप किसी विस्तारित तर्क में सभी कीवर्ड अंतिम निर्दिष्ट करते हैं, तो यह उस चयनकर्ता को किसी अन्य चयनकर्ता के हिस्से के रूप में मिलान करने के लिए LESS को बताता है।

29) कम शब्दों में बताएं कि "स्ट्रिक्टइम्पोर्ट्स" क्या है?

स्ट्रिक्टइम्पोर्ट नियंत्रित करता है कि कंपाइलर @मीडिया ब्लॉक या अन्य चयनकर्ता ब्लॉक के अंदर @import की अनुमति देगा या नहीं

30) LESS और Sass के बीच अंतरों की सूची बनाएं?

प्रत्येक स्टाइल-शीट भाषा अपने परिप्रेक्ष्य और उपयोग में अच्छी है; हालाँकि उनके उपयोग में कुछ अंतर हैं।

कम	सास
- LESS जावास्क्रिप्ट का उपयोग करता है और क्लाइंट-साइड पर संसाधित होता है	- सैस को रूबी में कोडित किया गया है और इस प्रकार सर्वर-साइड पर संसाधित किया गया है
- परिवर्तनीय नामों के आगे @प्रतीक लगाया जाता है	- वेरिएबल नाम के आगे $ चिह्न लगाया जाता है
- LESS को गुणों के एक सेट के साथ एकाधिक चयनकर्ता विरासत में नहीं मिलते हैं	- सैस को गुणों के एक सेट के साथ कई चयनकर्ता विरासत में मिले हैं
- LESS "अज्ञात" इकाइयों के साथ काम नहीं करता है और न ही यह असंगत इकाइयों या गणित से संबंधित सिंटैक्स त्रुटि के लिए सिंटैक्स त्रुटि अधिसूचना लौटाता है	- सैस आपको "अज्ञात" इकाइयों के साथ काम करने की अनुमति देता है और असंगत इकाइयों के लिए एक सिंटैक्स त्रुटि अधिसूचना भी देता है

31) LESS और Sass के बीच क्या समानताएँ हैं?

LESS और Sass के बीच समानताएं हैं

नेमस्पेस
रंग कार्य
मिक्सिन और पैरामीट्रिक मिक्सिन
घोंसला बनाने की क्षमताएँ
जावास्क्रिप्ट मूल्यांकन

32) बताएं कि &कॉम्बिनेटर का क्या उपयोग है?

&कॉम्बिनेटर नेस्टेड चयनकर्ता को मूल चयनकर्ता के साथ जोड़ता है। यह छद्म वर्गों जैसे :hover और :focus के लिए उपयोगी है

33) बताएं कि LESS में ऑपरेशन का क्या उपयोग है?

जैसे कार्यों को निष्पादित करने के लिए ऑपरेशन का उपयोग किया जा सकता है

सरल गणितीय ऑपरेटर: +, - , *, /
रंग कार्य
गणित के कार्य
किसी भी आकार या रंग चर पर काम किया जा सकता है

34) बताएं कि एस्केपिंग का क्या उपयोग है?

कम से कम भागने का उपयोग

जब आपको सीएसएस आउटपुट करने की आवश्यकता होती है तो यह मान्य सीएसएस सिंटैक्स नहीं है
मालिकाना वाक्यविन्यास LESS द्वारा मान्यता प्राप्त नहीं है
यदि उपयोग नहीं किया गया तो LESS कंपाइलर एक त्रुटि देगा
~ प्रतीक के साथ सरल उपसर्ग और उद्धरण चिह्न लगाएं

35) LESS तत्वों में क्या शामिल है?

कम तत्वों में आमतौर पर इस्तेमाल होने वाले मिश्रण जैसे होते हैं

.ढाल
.गोल
.अपारदर्शिता
।डब्बे की छाया
।भीतरी छाया

36) LESS के विरुद्ध विकल्पों की सूची बनाएं?

SASS: वाक्यात्मक रूप से अद्भुत स्टाइलशीट
एससीएसएस: एसएएसएस का संस्करण 2
लेखनी

37) बताएं कि आप कमांड लाइन से कंपाइलर को कैसे इनवॉक कर सकते हैं?

आप कम से कम में कमांड लाइन से कंपाइलर को इनवॉक कर सकते हैं

$lessc शैलियाँ.कम

यह संकलित सीएसएस को आउटपुट करेगा स्टडआउट; फिर आप इसे अपनी पसंद की फ़ाइल पर पुनर्निर्देशित कर सकते हैं

$lessc शैलियाँ.कम > शैलियाँ.css

38) ई () फ़ंक्शन का क्या उपयोग है?

e() फ़ंक्शन की सहायता से आप किसी मान से बच सकते हैं ताकि वह LESS कंपाइलर द्वारा देखे बिना, सीधे संकलित CSS से गुजर जाए।

39) बताएं कि आप LESS को CSS में पूर्व-संकलित कैसे कर सकते हैं?

CSS में LESS को पूर्व-संकलित करने के लिए आप इसका उपयोग कर सकते हैं

Node.js का उपयोग करके कम.js चलाएँ: Node.js जावास्क्रिप्ट फ्रेमवर्क का उपयोग करके आप ब्राउज़र के बाहर कम.js स्क्रिप्ट चला सकते हैं
कम PHP का उपयोग करें: PHP में लिखे गए LESS कंपाइलर के कार्यान्वयन के लिए, कम PHP का उपयोग किया जाता है
ऑनलाइन कंपाइलर का उपयोग करें: कंपाइलर इंस्टॉल किए बिना कम कोड के त्वरित संकलन के लिए ऑनलाइन कंपाइलर का उपयोग करें
कम। ऐप (मैक उपयोगकर्ताओं के लिए): लेस.एप मैक उपयोगकर्ताओं के लिए एक निःशुल्क टूल है, यह टूल उन्हें सीएसएस फ़ाइलों में स्वचालित रूप से संकलित करता है

40) बताएं कि LESS में मर्ज फ़ंक्शन का उपयोग कैसे किया जाता है?

एक ही संपत्ति के तहत कई संपत्तियों से मूल्यों को एक स्थान या अल्पविराम से अलग की गई सूची में एकत्रित करने के लिए LESS का उपयोग किया जाता है। यह ट्रांसफ़ॉर्म और बैकग्राउंड जैसी संपत्तियों के लिए उपयोगी है

41) आप कम में लूप स्ट्रक्चर कैसे बना सकते हैं?

एक मिक्सिन स्वयं को कम में कह सकता है। ऐसे पुनरावर्ती मिश्रण, जब पैटर्न मिलान और गार्ड एक्सप्रेशन के साथ संयुक्त होते हैं, तो विभिन्न पुनरावृत्त/लूप संरचनाएं बनाने के लिए उपयोग किया जा सकता है।

42) हमें कम में पैरामीट्रिक मिश्रण की आवश्यकता क्यों है?

पैरामीट्रिक मिश्रण मानक मिश्रण के समान ही होते हैं। अंतर केवल इतना है कि पैरामीट्रिक मिश्रण जावास्क्रिप्ट में फ़ंक्शन जैसे पैरामीटर लेते हैं। मिश्रणों के पैरामीटर निर्धारित करने के बाद, आपको मिश्रणों पर अधिक नियंत्रण मिलता है।