दिलचस्प पोस्ट
क्या जावास्क्रिप्ट के साथ गतिशील चर बनाने का एक आसान तरीका है? बूस्ट कहां है? प्रक्रिया? मैटप्ललिब भूखंडों में अक्ष पाठ छुपाना कैसे html कैनवास तत्व का आकार बदलना है? WCF के माध्यम से चित्र भेजने के लिए कुशल तरीके से? किसी तालिका के विदेशी कुंजी संबंधों की क्वेरी करें पुश अधिसूचना ग़लत ढंग से काम करता है जब एप पृष्ठभूमि पर है या नहीं चल रहा है उपयोगकर्ता के लिए पूरे घटक को स्थापित किए बिना ओडीएसी का उपयोग करने वाले एक। NET अनुप्रयोग मैं कैसे लागू कर सकता हूं? InstallUtil.exe के बिना एक .NET विंडो सेवा स्थापित करें ईमेल भेजने के लिए स्थानीय होस्ट WAMP सर्वर से ईमेल कैसे भेजना जीमेल हॉटमेल या इसके आगे? Serialization और deserialization के दौरान JSON संपत्ति के विभिन्न नाम सी # में मैं डायरेक्ट्री आकार (निर्देशिका में फाइलें) कैसे प्राप्त करूं? संपत्ति मान के आधार पर एक डाटाबेस लॉसबॉक्स आइटम को अक्षम कैसे करें? मैं कमांड लाइन तर्क कैसे पारित करूं? MySQL – पिछली पंक्ति से मूल्य घटाकर समूह

सीएसएस चयनकर्ता में एक स्थान का क्या मतलब है? यानी .classA.classB और .classA के बीच अंतर क्या है .classB?

इन दोनों चयनकर्ताओं के बीच क्या अंतर है?

.classA.classB { border: 1px solid; } .classA .classB { border: 1px solid; } 

Solutions Collecting From Web of "सीएसएस चयनकर्ता में एक स्थान का क्या मतलब है? यानी .classA.classB और .classA के बीच अंतर क्या है .classB?"

.classA.classB एक ऐसे तत्व को संदर्भित करता है जिसमें वर्ग ए और बी दोनों ( class="classA classB" बी class="classA classB" ) होता है; जबकि .classA .classB class="classB" class="classA" साथ एक तत्व से उतरे class="classB" साथ एक तत्व को संदर्भित करता है

संपादित करें: संदर्भ के लिए युक्ति: विशेषता चयनकर्ता (अनुभाग 5.8.3 कक्षा चयनकर्ता देखें)

इस तरह की शैली कहीं अधिक सामान्य है, और वर्ग "वर्ग बी" के किसी भी प्रकार के तत्व को लक्षित करती है जो वर्ग "वर्ग ए" के किसी भी प्रकार के तत्व के अंदर नेस्टेड है।

 .classA .classB { border: 1px solid; } 

यह काम करेगा, उदाहरण के लिए:

 <div class="classA"> <p class="classB">asdf</p> </div> 

हालांकि, यह किसी भी प्रकार के तत्व को लक्ष्य करता है जो वर्ग "वर्ग ए" दोनों के साथ-साथ कक्षा "वर्ग B" भी होता है। इस प्रकार की शैली कम बार देखी जाती है, लेकिन कुछ परिस्थितियों में अभी भी उपयोगी है।

 .classA.classB { border: 1px solid; } 

यह इस उदाहरण पर लागू होगा:

 <p class="classA classB">asdf</p> 

हालांकि, इसका निम्नलिखित पर कोई असर नहीं होगा:

 <p class="classA">fail</p> <p class="classB">fail</p> 

(ध्यान दें कि जब एक HTML तत्व में एकाधिक वर्ग हैं, तो उन्हें रिक्त स्थान से अलग किया जाता है।)