html - Behaviour of last-child -


क्यों अंतिम p हाइलाइट नहीं किया गया है?

w3schools कहते हैं: / P>

पी तत्व के लिए एक पृष्ठभूमि का रंग निर्दिष्ट करें जो उसके मूल

का आखिरी बच्चा है, इसलिए अंतिम p को सही पर हाइलाइट करना चाहिए?

  & lt; शैली & gt; Div p: अंतिम-बच्चा {पृष्ठभूमि: # ff0000; } & Lt; / style & gt; & Lt; div & gt; & Lt; p & gt; पहला पैराग्राफ। & Lt; / p & gt; & Lt; p & gt; दूसरा पैराग्राफ। & Lt; / p & gt; & Lt; p & gt; तीसरा पैराग्राफ। & Lt; / p & gt; & Lt; p & gt; चौथा पैराग्राफ। & Lt; / p & gt; & Lt; span & gt; पहला स्पैन। & Lt; / span & gt; & Lt; div & gt;  

आप कह रहे हैं, इसका प्रयोग करें - यह मेरा प्रश्न नहीं है:

  div p: पिछले प्रकार की {...}  

यह उल्लेखनीय है कि W3Schools एक बाहरी संसाधन है। यह आधिकारिक सीएसएस प्रलेखन नहीं है : अंतिम-बच्चा छद्म-वर्ग को सीएसएस चयनकर्ता विनिर्देशों में परिभाषित किया गया है: यह विनिर्देश बताता है:

: अंतिम-बच्चा छद्म-वर्ग एक तत्व का प्रतिनिधित्व करता है जो कि किसी अन्य तत्व का अंतिम बच्चा है।

: अंतिम-बच्चा विशेष रूप से आखिरी बच्चे का चयन करता है यहां p: अंतिम-बच्चा एक p तत्व केवल पर स्टाइल लागू होगा अगर यह अंतिम बच्चा है

उदाहरण 1

> <कोड> & lt पूर्व; div & gt; & Lt; p & gt; फू। & Lt; / p & gt; & LT; अवधि & gt; बार। & Lt; / span & gt; & Lt; div & gt;

यहां अवधि अंतिम बच्चा है, p नहीं है। p: अंतिम-बच्चा कुछ भी चयन नहीं करेगा।

उदाहरण 2

  & lt; div & gt; & Lt; p & gt; फू। & Lt; / p & gt; & LT; अवधि & gt; बार। & Lt; / span & gt; & Lt; p & gt;। बाज & lt; / p & gt; & Lt; div & gt;  

यहाँ p है अंतिम बच्चा है, इसलिए p: अंतिम-बच्चा अंतिम < कोड> पी तत्व (जिसका टेक्स्ट यहां "बाज़।" है।

यह व्यवहार ठीक है कि : पिछले प्रकार के चयनकर्ता मौजूद है। : पहला बच्चा और : अंतिम-बच्चा हमेशा केवल पहले या अंतिम बच्चे का चयन करेगा।


Comments