html - css pseudo class last-child issue -


मुझे : अंतिम-बच्चा छद्म चयनकर्ता का उपयोग करते समय एक समस्या का सामना करना पड़ रहा है।

मेरे पास निम्न मार्कअप है:

  & 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

के बाद एक और div है, उदाहरण के लिए, वर्ग form-actions < / कोड> वास्तव में अंतिम बच्चा है।

Comments

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

github - Teamcity & Git - PR merge builds - anyway to get HEAD commit hash? -

ios - Replace text in UITextView run slowly -