html - css pseudo class last-child issue -
मुझे मेरे पास निम्न मार्कअप है: और इन शैलियों को लागू करें: मेरा लक्ष्य पिछले यहाँ मेरी समस्या का मूल है साथ ही साथ समस्या का प्रदर्शन भी। समस्या यह है कि : अंतिम-मूल सीएसएस छद्म-वर्ग किसी भी तत्व का प्रतिनिधित्व करता है जो उसके अभिभावक के अंतिम बच्चे तत्व है । बहुत शाब्दिक रूप से तैयार होने पर, यह केवल उस तत्व पर ही लागू होगा जो उसके माता-पिता के भीतर अंतिम बच्चा है। जब आप अतिरिक्त क्लास चयनकर्ताओं को उसमें जोड़ते हैं तो यह आपके संदर्भ (मानसिक रूप से) के संदर्भ में नहीं लेता है। छद्म वर्ग को लागू करते समय ब्राउज़र चयनकर्ता द्वारा निर्मित संदर्भ को नहीं समझता है। असल में, यह जाँच कर रहा है कि तत्व चयनकर्ता के बाद एक और div है, उदाहरण के लिए, वर्ग : अंतिम-बच्चा छद्म चयनकर्ता का उपयोग करते समय एक समस्या का सामना करना पड़ रहा है।
& lt; div class = "apply_container" & gt; & Lt; फ़ॉर्म श्रेणी = "मार्जिन" & gt; & Lt; div वर्ग = "लागू_इन सीमा" & gt; & Lt; span & gt; मुझे बताएं कि आपको नौकरी क्यों चाहिए? & Lt; / span & gt; & Lt; / div & gt; & Lt; div वर्ग = "लागू_इन" & gt; & Lt; span & gt; कुछ अन्य विवरण & lt; / span & gt; & Lt; / div & gt; & Lt; div class = "apply_inn स्थान" & gt; & Lt; span & gt; एक विशेष स्थान पर लागू करें & lt; / span & gt; & Lt; / div & gt; & Lt; div वर्ग = "फॉर्म-एक्शन" & gt; & Lt; बटन प्रकार = "सबमिट करें" वर्ग = "पुल-दाएं बीटीएन बीटीएन-जानकारी" & gt; & Lt; / बटन & gt; सबमिट करें & Lt; / div & gt; & Lt; / प्रपत्र & gt; & Lt; / div & gt;
.apply_container .apply_inn {बॉर्डर नीचे: 1px धराशायी # E6E6E6; मार्जिन: ऑटो; पैडिंग: 18px 0; चौड़ाई: 790px; } .apply_container .apply_inn: अंतिम-बच्चे {सीमा: कोई नहीं; }
div.apply_inn को बाकी की तरह
नीचे की सीमा से स्टाइल होने से रोकना है < कोड> div.apply_inn रों। शैली लागू नहीं होती है क्या कोई ये समझा सकता है कि क्या हो रहा है?
div कक्षा
.apply_inn के साथ अपने माता पिता के भीतर
अंतिम-बच्चा नहीं है। सीएसएस <कूट> अंतिम-बच्चा छद्म-क्लास निम्न प्रकार से कार्य करता है:
.apply_container .apply_inn से मेल खाता है, तो सवाल पूछ रहा है, "क्या यह मूल माता पिता के भीतर है?" यह उपरोक्त चयनकर्ता के किसी भी विचार के बिना यह प्रश्न पूछता है। आपके मामले में, इसका जवाब नहीं है क्योंकि अंतिम
div.apply_inn ।
form-actions < / कोड> वास्तव में अंतिम बच्चा है।
Comments
Post a Comment