CSS Specificity & Cascade _ Sigma Web Development Course - Tutorial #21

0:00
आज के इस वीडियो में मैं आप लोगों को CSS में specificity के बारे में बताऊंग�
0:03
मारलो आप लोगों के पास एक element है जिसको दो तरह से CSS के थरू style किय�
0:08
यानि कि हमने दो तरह के selectors इस्तमाल किये हैं उसको style करने के लिए और दोनों styles दो अलग-अलग बातें कह रहे है�
0:13
लेट असे एक स्टाइल करा बैक्राउंड कलर रेड कर दो दूसरा स्टाइल करा बैक्राउंड कलर येलो कर दो कौन स�
0:18
वाला प्लाई होगा यह बात डिटर्मिन की जाएगी सीएसस में स्पेसिफिसिटी की साहिता से इस वीडियो में सारे रू�
0:24
आपको बताऊंगा स्पेसिफिकेटी किस तरह से काम करती है नीचे कॉमेंट्स में सिग्मा बैच जरूर लिख देन�
0:29
चलते हैं कंप्यूटर स्ट्रीन में एंड लेट्स रोल देंड रॉड अ आज का वीडियो इंपोर्टेंट इसलिए होने वाला है कि आज के इस वीडियो में आप लोगों को बताने जा रहा हूं कि कि�
0:46
तरह से डिसाइड किया जाता है कि कौन सी कॉन्फ्लिक्टेड प्लेसेस में से कौन सी वाले प्रॉपर्टी वैल्य�
0:53
पर जल्दी से giddy 21 नाम से फोल्डर और इसको जो है अपने वीएस कोड में खुल दूंगा ठीक है इंडेक्स टोड�
1:00
इस चैनल बनाऊंगा और एक सवाल के साथ स्टार्ट करूंगा इस वीडियो को मैं आप लोगों से सवाल पूछने वाल�
1:06
भी किया है कि जिसमां लो आपके पास एक डिवेस के अंदर आपके पास है एक फॉर ने ठीक है और इसे चुन में लिखा हुआ ह�
1:11
सीएसस उप्स मैंने कंट्रोल जब दिया गलती से स्पेसिफिकिटी ठीक है मानों यह लिखा हुआ है और इसमें दो क्लासे�
1:19
आपकी हुई है एक मान लो यह लो एक सी रेड ठीक है एक सी परपल दिगर तीन गांव में ऐड की हुई है अब यहां प�
1:28
स्टाइल लगाता हूं और मैं कहता हूं कि वह देखो एचवन है उसके कलर को कर दो रेड ठीक है या फिर कर दो एक व�
1:34
और इसके बाद मैं कहता हूं वहीं देखो जो येलो हमारी क्लास है डॉट येलो उसके आधार पर कलर कर दो इसक�
1:42
यह लोग ठीक है और उसी के साथ साथ जो सी रेड क्लास है हमारी कलर रेड और उसी के साथ साथ जो हमारी सी परप�
1:50
डॉट सी परपल उसके हिसाब से जो कलर है उसको कर दो परपल ठीक है तो यह मैंने यहां पर लगाया और यहां प�
1:59
मैं क्लिक करूंगा आप लोगों को दिखाने के लिए कि इसका कलर जो है वह परपल इसमें लागू हो गया किस आधार प�
2:05
लाग हुआ पर पर कलर यह मतलब यह लोग क्यों नहीं हुआ चुकी आदम में एचवन में कलर रख दिया मैंने डॉट यह लो�
2:11
के हिसाब से कलर यह दिया तो मैंने सीरेट के हिसाब से कलर यह दिया क्या पर पर इसलिए लगा यह नीचे था य�
2:16
यहां पर यह क्लास है किस आधार पर डिसाइड होती है चीजें सीएसेस के अंदर यह मैं आप लोगों को बताऊंग�
2:26
तो मैंने एक बन को अगर नीचे कर दिया और अब मैं दिखाऊं तो अब पर पर पर तो क्या चीज है जो डिसाइड कर रह�
2:31
कौन सा कलर कौन सी कॉन्फ्लेक्टिंग प्रॉपर्टी अप्लाई होगी तो यहां पर मैं आप लोगों को बताना यह चाहता हूं क�
2:36
सीएसस के अंदर एक एलगोरिडम होता है जिसका नाम होता है कैसकेड अलगोरिडम सीएसस टैंड्स फॉर कैसकेडिं�
2:42
और किसी भी तरह की conflicts को resolve करने के लिए CSS में cascade algorithm का इस्तेमाल किया जाता ह�
2:48
यह algorithm determine करता है कि कौन सी property apply की जाएगी CSS में और कौन सी नहीं की जाएग�
2:53
अब यहाँ पर देखो हमारे पास यहाँ पर बहुत सारी color properties apply की गई है same element में अलग-अलग तरीकों स�
2:59
कौन सी वाली property यहाँ पर जीतेगी तो तो cascade algorithm में चार rules होते है�
3:06
at a very high level पहला rule यह कहता है कि यार देखो position और order of appearance important होता ह�
3:11
अगर आपने position किसी भी चीज़ की बाद में रखी हुई है तो वो वाली property apply होग�
3:16
for example यहाँ पर आपने देखा था कि जो h1 है ठीक है, H1 मैंने उपर रखा हुआ था, और आपने यहाँ पर देखा था कि जो .C purple है, वो लागू हो गई थी property, अगर मैं .C red को बाद में रखू, तो यह लागू हो जाएगी, यहाँ निकि यह class selector का इस्तेमाल कर रहे हैं, और class selector के यह तीनों इस्तेमाल कर रहे हैं, तो य�
3:49
red हो जाएगा color, see red सबसे बाद में तो red हो जाएगा, लेकिन, जहाँ प�
3:53
selector का धंग बदल जाता है, वहाँ पर specificity का इस्तेमाल किया जाता है
3:57
अब यह specificity क्या होती है, specificity calculate की जाती है एक particular selector के लिए
4:02
यह मैं आप लोगों को बताऊँगा, position and order of appearance को सबसे पहले समझते ह�
4:06
position का effect क्या होता है कि भाई देखो जो चीज सबसे बाद में आप लिख दोगे अगर same
4:10
selector है जैसे मान लो आप use कर रहे हो element selector का ठीक है औ�
4:14
आप मान लो use कर रहे हो सिर्फ class selector का तो जो बाद में होगा वो जीतेगा ठीक ह�
4:18
लेकिन लेकिन जहां हम चेंज कर देते है�
4:45
specificity specificity basically value calculate specificity
5:08
जैसे कि यहां पर मैं आप लोगों को दिखाऊं तो ID सेलेक्टर जो होता है वह सबसे ज्यादा स्पेसिफिक माना जाता है लेकिन उसस�
5:15
स्पेसिफिक इन लाइन स्टाइल माना जाता है अनिक अगर आपने इन लाइन स्टाइल डाल दिया नहीं कि स्टाइल इज एकॉ�
5:19
टू करके कुछ भी लिख दिया तो भाई वह तो गुरुमंत्र माना जाएगा उस टैक के द्वारा जैसे कि मैं आप लोगो�
5:25
देता हूं कि अगर मैं स्टाइल इज एकवॉल्ड लिख दूं कलर ब्लू ठीक है तो तो बात ही खत्म हो गई स्टाइ�
5:33
एट्रिब्यूट आ गया सबसे ज्यादा प्रायरणी पैसे फिर सिर्फ इधर में तो यह देखेगा भी नहीं कि भाई तुमन�
5:37
में क्या लिखा है कलर को लेकर कलर सीधे चुपचाब लू अप्लाई कर देगा जैसे कि आप देख सकते हैं यहा�
5:42
पर ठीक है अब मैं यहां पर अगर मैं आप लोगों को दिखाऊं इसको मैं अगर हटा दू Medicine तब बात �
5:46
लेगी फिर स्पेसिफिकेटी बाहरी कौन सा ज्यादा स्पेसिफिक सेलेक्टर सबकी स्पेसिफिक को क phonetic जाएगा ठीक ह�
5:52
अब स्पेसिफिक को कैसे रिकुलेट करें आप लोगों को दिखाता हूं लेकिन अगर आपके बाद बहुत सिंपल वाले सेलेक्ट�
5:58
ऐसे कि इन लाइन सेलेक्टर्स इन लाइन स्टाइल जो है वह सबसे ज्यादा प्रायोरिटी दी जाती है इसको इसके बा�
6:04
आता है आईडी सेलेक्टर अगर किसी भी चीज को आईडी से सेलेक्ट किया गया है वह सबसे स्पेसिफिक है यानी कि आईड�
6:09
आपने लगा दिये styles तो वो लगू होंगे more than अगर आपने class में लगा�
6:13
या फिर आपने attribute selector का इस्तेमाल किया attribute selector क्या होता है बाद भी आपको attribute selector
6:18
भी बताता हूँ क्या होता है मालों मैंने यहाँ पर एक let us say
6:23
area या फिर मैं कुछ इस तरह से डालूं data x एक्स एक्वल टू वन कर दो मान लो यहां पर डेटा एक्स एक्वल टू एक कर दो तो मैं यह कह सकता हूं कि भाई जहां प�
6:33
डेटा एक्स की वाल्यू क्या कहूंगा मैं डेटा एक्स की वाल्यू ए है मैं यहां पर इक्वल्स टू ए कर दूंगा वहां प�
6:42
कर दो background color को red कर दो ठीक है तो data x
6:46
equals to a यहाँ पर मैं आप लोगों को दिखाता हूँ background color red हो गय�
6:50
ठीक है तो यह attribute selector होता है नहीं कि मैं यह कह रहा हूँ कि वो element जिसमे�
6:54
data x की value a है ठीक है वो यह element है यह attribute selector
6:58
हो गया ठीक है यह जिसमें आपको बता रहा था attribute selector क्या होते है, तो सबसे specific होगे inline styles, उसके बाद होगे ID selector, उसके बाद होग�
7:06
class या attribute selector, फिर element selector, फिर universal selector जो की star होता है, ठीक है, तो आप कोशि�
7:12
हमेशा ये करोगे, कम से कम specific selector use करो, क्यों, जो कि उसको override करना आसान होगा, जैसे मालो मैंन�
7:18
कोई भी style लिखा है universal selector का इस्तेमाल करके अब मेरा mood किया कि इसक�
7:22
मैं override कर देता हूँ तो मैं element selector यूज़ करके उसको override कर दूँगा मेरा मन किय�
7:26
इसको भी override करूँ तो मैंने फिर क्या किया class या attribute selector यूज़ करके override कर दिय�
7:30
उसको मेरा मन किया इसको भी override करूँ मैंने ID selector का use करके override का दिय�
7:34
लेकिन जहाँ मैंने inline style use कर लिया तो उसको override करना मुश्किल हो जाएगा फिर मेरे लि�
7:38
फिर मैं क्या करूँगा तो यह चीज जो है थोड़ी सी दिक्कत दे देती ह�
7:42
तो यहाँ पर आप देखो कि जो position है वो matter करती ह�
7:46
एकी तरह का सेलेक्टर है, सेलेक्टर बिलकुल सेम है, यह नहीं कि specificity बिलकुल सेम है
7:50
specificity तो position आप देखोगी, जो सबसे बाद में है वो लागू होगा
7:54
specificity calculate करना भी आप लोगों को सिखाऊंगा, एक्जैक्ट वाल्यू लेकिन मैंने आपको एक हाई लेवल पर बता दी है कि बहुत इन लाइन स्टाइल जो होते हैं वह सबस�
8:00
ज्यादा उनकी प्रायोडी होती है फिर उसके बाद आईडी सेलेक्टर यूज किया है तो उसको प्रायोडी दी जाएगी उसक�
8:06
प्राइरडी फिर इसके बाद आता है और इस अपने प्राइरड इन विशेष अपियर्स एंड वेर इट कम्स फ्रॉम ठीक है अब यहां पर ऑरिज�
8:15
ज्यादा important इसलिए है क्योंकि अगर आपकी जो अब CSS है वो आपके browser के style से आ रही है क्योंकि को�
8:22
भी element है उसमें आपने CSS नहीं लगाई है तो browser की अपनी style sheet होती है जिसको user agent
8:29
style sheet बोलते हैं तो यहाँ पर अगर मैं right click करके आप लोगों को inspect करके दिखाऊं तो मान ल�
8:33
effective position वाली जो heading है इसको दिखाओ तो यहाँ पर कुछ styles user agent
8:37
style sheet से आ रहे होंगे मैं आपको दिखाता हूँ यहाँ पर आप देखो user agent style sheet इसका मतल�
8:41
कि यह browser ने खुद लगा दिये है तो कहां से आ रहा है इसकी priority
8:45
क्या होती है कि यार अगर आपने लिखे हैं style तो वो override कर देंगे user agent style sheet को ठीक ह�
8:49
तो ये जो है origin होता है इसका role बहुत कम होता है पर इसके बारे में जानना बहुत जादा ज़रूरी है आप लोगों क�
8:54
इसके बाद importance होता है यानि कि अगर आपने important लगा दिया कहीं प�
8:58
तो वो सबसे ज़ादा important होगा ठीक है तो important अगर आपने लगा दिया तो क्या होग�
9:01
तो वो बहुत ज़्यादा important हो जाएगा और उसको फिर लागू करना ही पड़ेगा CSS क�
9:07
यानि कि वो inline styles को भी override कर देगा ठीक है जैसे कि माल लो कि मैंने इसका color inline styles में कर दिय�
9:12
माल लो red ठीक है style is equal to कलर कर दिया मालो मैंने इसका एक वापिक एक वापिक अर्था हूं कुछ और कर देता हूं यार कोई कलर क्यों नही�
9:21
आ रहा है मेरे दिमाग मालो मरून कर देता हूं ठीक है अब मुझे इसको अगर ओवर राइड कर रहा है तो इसको ए�
9:25
जो वराइट कर सकती है वह है सीएस में इंपोर्टेंट अगर मैं इसको कर दूं ऐसे कलर ब्लू आप चलिए यहां प�
9:32
एलीमेंट के स्टाइल पर डाल रहा हूं यानि कि मैं इसमें इन लाइन स्टाइल जा रहा हूं इसलिए यहां पर चेंज ह�
9:36
रहा है बड़े इसको रिलोड करूंगा और यहां पर क्या करूंगा जो इसमें क्लास अप्लाई नहीं हो रही है जैस�
9:43
मालों मैं यहां डालता हूं कलर ब्लू करो अगर मैं तो यह अप्लाई नहीं होगा लेकिन अगर मैं आपको कर दो कल�
9:48
important यानि कि जो yellow वाला मेरी class है उसमें मैं कल दू color blue important
9:52
और मैं आपर कल दू important तो ये blue important priority inline styles override specificity note important note
10:08
और उसको समझना और वो इतना important है note की आप भी ताली बजा दोग�
10:12
आपको बहुत पते की बात कही है हरी बई आपने लेकिन उससे भी पहले मैं आप लोगों क�
10:17
किसी भी एक particular element की specificity calculation कैसे करते हैं, यह बताना चाहता हूँ
10:21
यह बहुत important है, अब specificity calculation में, आप क्या करो, universal selector को 0 points दे दो
10:27
element selector या pseudo elements है, तो उसको 1 point दे दो, class selector, attribute selector या pseudo classes है
10:32
उसको 10 points दे दो, इसके बाद, id selector को 100 points दे दो
10:37
inline styles को 1000 points दे दो, तो यह जो values हैं इसके इसाब से आप points दोग�
10:42
और इससे क्या होता है बेसिकली question solve करना आसान हो जाता है मैं आप लोग को बताता हूँ कैस�
10:46
जैसे कि मान लो आपके पास यहाँ पर आपको calculate करना है कि इन में से कितनी-कितनी specificity है इन सब क�
10:54
तो कैसे करोगे तो यहाँ पर आप लोग देख सकते हो कि हमारे पास अलग-अलग तरह के सिलेक्टर्स हैं मैंने आपको बताया था ज�
10:59
एलेमेंट सिलेक्टर है उसकी कितनी स्पेसिफिसिटी होती है उसको आप लोग दे दो वन ठीक है अगर यूनिवर्सल सिलेक्ट�
11:04
रहे तो इसको जी रोगे और जो एलीमेंट से लेकर उसको आप बंद दे दोगे ठीक है तो मैं क्या करूंगा इसको यहा�
11:10
पर वैल्यू दे दूंगा वन दिस पेस सीफिसिटी ऑफ थेस इस फ्रंट ठीक है मैं आप और कमेंट आप कर दूंगा इसकी मे�
11:19
कर दूंगा फिर जो क्लास सेलेक्टर है उसकी स्पेसिफिजिटी क्या होती है दस होती है तो इसको मैं दस कर दूंग�
11:25
ठीक है एंड सेम गोस फॉर दिस इसकी भी दस हो जाएगी यानि से कॉपी कर लेता हूं उसको इसकी भी दस हो जाएग�
11:32
ठीक है फॉर मैं डॉक्यूमेंट कर देता हूं ठीक है यहां पर लिख देता हूं जैसे एन एक्सांपल ऑफ एक्स separately
11:46
ठीक है और एक्सांपल ऑफ एट्रीब्यूट सेलेक्टर की द स्पेसिफिसिटी ऑफ द स्पेसिफिसिटी कितनी होती है ठीक ह�
11:55
इसको इस तरह से लिख देंगे ठीक है तो यह चीज मैंने जो आप लोगों को बता दी अब आप देखों कि किसक�
12:02
स्पेसिफिकेटी सबसे ज्यादा है सबसे ज्यादा स्पेसिफिकेटी इन तीनों के तीनों में टाइ हो रहा है ठीक है त�
12:07
इसको ब्रेक करने के लिए हम क्या करते हैं पोजीशन देखते हैं जो सबसे बाद में आ रहा है वह लागू हो जाती ह�
12:11
यह पर यह लोग सबसे बाद में आ रहा है तो इसका कलर यह लोग जाएगा और ऑबिएसली मैं इन लाइन साइड आदमो�
12:15
जैसे आपको एक्सांपल देने के लिए मैंने इन साइड रखे हुए थे तो यहां पर आप देख सकते हो कि उसका कलर ह�
12:21
कुप इसको प्रीव्यू करता हूं यह लुटा गया ठीक है लेकिन अगर मैं इनमेज़े किसी को भी नीचे कर देता हूं जैस�
12:25
लो मैं यह सी रेड को नीचे कर दूं तो विसली इसका लगा देगा नो सर्प्राइस इस देर ठीक है इसका लगा देगा कोई सर्प्राइस नहीं कोई कोई गिफ्�
12:35
मिलेंगे आपको गेस करने के लिए ठीक है अब यहां पर इस एडिट्स एक्सांपल ऑफ एडिट्स इसको भी मैं जरा काम करत�
12:43
इसकी स्पेसिफिसिटी भी टेन है एक चीज आप लोगों को दिखाना चाहता हूं कि डेटा एक्स इगल टो एम में काम करत�
12:48
को मरून कर देता हूँ अब आप लोग मुझे कमेंट सेक्शन में लिखकर बताओ कि क्या कलर मिलेगा इस पर को स�
12:55
लोग बताओ नीचे और करना प्लीज यार कमेंट क्योंकि टू इंटरेक्शन होता है तो दिल से गुशी होती है आपक�
13:00
प्यारा सा कमेंट दिन मना देता है और खासकर जब प्रॉब्लम को सॉल्ड करते हो तो मेरा दिन मन जाता है क्योंक�
13:04
मुझे पता चलता है कि यार हाई आफ फॉलो कर रहे हैं आप लोग चीजों को तो मुझे कमेंट सेक्शन में बता�
13:09
क्या color होगा is H1 का, come on, I hope कि आप सबने comment किया होगा
13:14
और आपने बिल्कुल सही comment किया, अगर आपने maroon कहा, क्योंकि specificity 10 है, तो maroon ही आ जाएगा, ठीक है
13:19
लेकिन अगर मैं इसको ओपर कर दू, इसको यहां से cut करके, यहां कर दू, तब क्या होगा, format document करता हूँ
13:26
तब क्या होगा color अगर आप लोगों ने red बोला तो obviously red होग�
13:30
क्यों red होगा क्योंकि यार इसकी specificity 10 है और यहाँ पर क्योंकि इसकी specificity
13:36
10 है तो हम क्या करेंगे इसके color को यहाँ पर red कर देंग�
13:40
क्योंकि यह सबसे बाद में आ रहा है ठीक है अब एक चीज आप लोगों को बताता हूँ और बहुत देहान से सुन लेना इस बात को कि बहुत इंपोर्टेंट है यह तो सिंपल से स्लेक्टर्स हो गए लेकिन जो सिलेक्टर्स होते हैं वो हमेशा सिंपल नहीं होते हैं यह बात आप भी जानते हो कभी-कभी सिलेक्�
14:12
प्रेसिफिसिटी को कल्कुलेट करने के लिए आपने सिंपली क्या करना है वैल्यूस को एड कर देना जैसे मालों मैं यहा�
14:17
पर लिख दूं एच वन डॉट येलो तो एच वन की वजह से इसकी स्पेसिफिसिटी कितनी हो जाएगी क्योंकि एच वन ए�
14:24
element carneval जाएगी और डॉट यह लोग की वजह से स्पेसिफिसिटी टेन हो जाएगी आप देखो तो वन प्लस टेन इगल ट�
14:32
11 हो जाएगी अब यहां इसकी स्पेसिफिसिटी बढ़ गई है बाइस आप तो अब तो कलर येलो ही होगा अब यह स्पेसिफिसिट�
14:39
तो color yellow ही होगा, आप यहाँ पर देखो, color इसका yellow हो जाएगा, क्यों
14:44
क्योंकि इसको element की वज़े से 1 की specificity मिली, फिर इसमें class भी थी
14:47
तो 10 की specificity मिली, ठीक है? I hope कि यह चीज़ आप लोग समझ गए, तो इस तरह से specificity values को calculate किया जाता है
14:54
किसी भी एक selector के लिए अब बहुत सारे लोगों को शायद ये वीडियो समझ में नहीं आएग�
14:58
अगर आप लोगों ने एक run में देखा है focus recommend particular
15:12
है और इसका लिंक मैं आपको दे दूँगा डिस्क्रिप्शन में इस ब्लॉक का इस टूटोरियल का इस टूटोरिय�
15:16
आप लोग पढ़ देना इसमें भी मैंने बहुत सही से समझाई हुआ है इन चीजों को तो इसको भी आप लोग पढ�
15:21
सकते हो ठीक है और यहां से वाल्यूज आपको याद करने की जरूरत नहीं है और वह बात भी अभी बताऊंगा जिसक�
15:25
बात में कर रहा था कि यार एक बात बताऊंगा भी थोड़ी दिया मैं वह बात भी आने वाली है भी पर यहां पर आ�
15:30
लोगों ने देख लिया कि इस तरह से आप कर सकते हो अगर इन लाइन स्टाइल की स्पेसिफिकेटी 1000 होती है और अग�
15:34
important लगा दिया तो उसमें specificity दस अधार points की add हो जाती है अगर important लग�
15:39
दिया तो और उसको override करना बहुत मुश्किल हो जाता है ठीक है so I hope की आप लोग य�
15:43
सब चीजे समझ गए हैं अब एक quick quiz यहाँ पर मैंने दी हुई है की भाई साहब इसका इसका इस पेसीफिजिटी वैल्यू प्लीज चीट मत करना इसमें मैंने सॉल्यूशन भी दिया हुआ है चीट मत करना प्ली�
15:52
इसकी स्पेसिफिजिटी वैल्यू बताओ क्या होगी अगर इस तरह की लास्ट लगी हुई है तो जल्दी बताओ आप लो�
15:57
करके वीडियो को पॉज कर लो क्योंकि मैं तो सॉल्व कराऊंगा डारेक्टली लेकिन आप लोग मुझे बताओ कि इसक�
16:02
स्पेसिफिसिटी क्या होगी ठीक है और यहाँ पर मैं कलर को डेफिनेटली चेंज करूँगा और कलर को मैं कर दूंग�
16:07
लोगों को मान लो ब्लू वॉयलेट ठीक है यह में रहा हूं लुट यहां पर और आयोप की समझ आ रहा है आप लोगों क�
16:14
मैं बेट कर रहा हूं आपके कमेंट का ओके इस वायर होगी आप लोगों ने कमेंट किया तो चलो कैलकॉलेट करत�
16:20
इस प्रेसिफिसिटी को सबसे पहले एक ही वजह से क्या स्पेसिफिसिटी मिलेगी एक ही वजह से स्पेसिफिसिटी मिलेगी वन की क्योंकि एलेमेंट है फिर इसके बाद क्लास की वजह से 10 की मिलेगी जो कि है इसकी वजह से मिल रही है रोहन क्लास की वजह से दोबारा 10 की मि�
16:50
अगर आपने सिर्फ यहाँ पर data x लिए दिया, इसका मतलब कि अगर element में data x लगा हुआ है तो
16:55
यानि कि इसका मतलब यह है कि HRF लगा हुआ है तो, ठीक है, तो यहाँ पर 1 plus 10 plus 10
17:00
इसके बाद एक attribute selector, जो कि 10 होता है specificity, जैसे कि मैंने आप लोगों को यहाँ पर बताई थी, मैं इसको word wrap कर देता हूँ, जैसे कि मैंने आपको बताई थी, 10 होता है, तो 1 10 और मिल जाएगा इसको, ठीक है, और यहाँ पर मैंने आप लोगों को बताया था कि pseudo class add होने से 10 की मिल जाती है specificity, तो यहाँ पर plus 10 और हो गय�
17:33
अगर कहीं पे भी से ज्यादा specificity नहीं है, यानि कि इसी element को target करने वाला
17:37
कोई और selector इतना specific नहीं है, तब क्या होगा, तब यही वाली
17:41
जो हमारी classes हैं, वो apply होगी, properties apply होगी, sorry, no classes
17:45
हमारी यही वाली properties apply होगी, ठीक है, तो 41, और मैंने इसका solution यहाँ पर भी explain किया हुआ है कि 41 क्यों आय�
17:51
और यहाँ पर मैंने values दियुई हैं किस से कितनी value मिलती है अब जो बात की बात कर रहा था मैं वो बताता हूँ आप लोगो�
17:57
मैंने आप लोगों को specificity बताई मैंने आप लोगों को बताई important क्या होता ह�
18:01
मैंने आप लोगों को ये भी बताया कि किस तरह से calculate करी जाती है specificity
18:05
ये सब बाते ही मैंने आपको बताई हूँ और मैं ही आपको एक बात बता रहा हूँ कि जब भी अपनी CSS classes या styles लिखो ensure ये करो कि आप कभी भी किसी भी reader क�
18:14
या फिर fellow programmer के दिमाग में confusion ना छोड़ो वाला आपको किसी भी एक element को बार बार target करना ही क्यों ह�
18:21
क्यों लिखने है classes आपको वाला आप कह रहे हो H1 का color red हो जाए और आप उसी class के element के लिए भी कह रहे हो कि या ये चीज हो जा�
18:27
आपको ऐसा करना ही क्यों है अपनी websites को simple बनाओ कि आपने अगर ID से target किया किसी क�
18:33
तो आप sure हो कि मुझे इसको override करने की ज़रूरत नहीं पड़ेगी तब ही मैं इतना specific selector use कर रहा हू�
18:39
inline styles को avoid करो जो कि उसको override करना सिर्फ important से possible होता ह�
18:43
and important को भी avoid करो यार क्योंकि हम इतना specific नहीं जाना चाहेंगे अपने web pages मे�
18:48
आप कोशिश करो classes का इस्तेमाल करना ताकि आप reuse कर पाओ अलग-अलग elements में अलग-अलग classes लगा पाओ और वो classes के अंदर जो भी properties हैं वो आपको apply करानी है तो आप apply करा सको easily
18:58
तो I hope कि आप लोगों को इस चीज समझ में आ रही है मैं क्या कहना चाहता हूँ यहाँ प�
19:02
बट क्योंकि Steven आपको वेबडब को एंट्रेव्यू दोगे तो यह चीजें पूछी जाती हैं और यहीं फसाया जाता है लोगों क�
19:08
तो मैं आप लोगों को यह चीज बताना चाहता था कि आपको पता होना चाहिए कि मैं कैसकेड एलगोरिदम क्या होता है य�
19:14
चीजें होती हैं जिनके आधार पर डिसाइड करता है क्योंकि इससे कौन सी प्रॉपर्टी वालीव पेयर्स वह लगाने हैं तो यह स�
19:19
भाई जो है आप लोगों को समझना आनी चाहिए ये थियोरी पॉइंट अव यू से बहुत ज़्यान इंपोर्टेंट थी अ�
19:26
अगर आप लोगों ने वीडियो लाइक नहीं किया तो वीडियो को लाइक करें इस प्लेइलिस्ट को जो ह�
19:29
बिल्कुल एक्सेस कर लें या क्लिक करके बुक मार्क कर लें या क्लिक करके सेव कर लें और दोस्तों के सा�
19:34
शेयर भी करें अपने गांव और ताओ की जमीन मेरे नाम करते हो अगले वीडियो में मुझे सब लिए तैयारी करे�
19:38
अभी के लिए इस वीडियो में इतना है guys Thank you so much guys for watching this video And I will see you next time

CSS Specificity & Cascade _ Sigma Web Development Course - Tutorial #21

codehunter.online

How to become a Blockchain Developer in 2022_ _ 🔥 Complete Roadmap + Salary + Tech Stack

How to make the Best Time Table_ _ Time Management for Students

Government or Private _ What job to do_

CSS Background, Fonts, Margin | CSS Course for Beginners

Save Time with The EdPuzzle Chrome Extension [Edit YouTube Videos in EdPuzzle with One Click]

How To Add Video Background To Shopify Store

How to create ANIMATED VIDEOS for SOCIAL MEDIA in Canva

How to Manage Camera Watermark in XIAOMI Mi 9 SE – Adjust Watermark

How to Take Screenshot in HUAWEI Phone

These Big Changes Are Coming to HBO Max and Discovery Plus!

Tackle 10 Types of Hard PMP Exam Questions with Confidence [UPDATED]

Learn CSS Specificity In 11 Minutes

Up next in 10

CSS Specificity & Cascade _ Sigma Web Development Course - Tutorial #21

codehunter.online