पहली छवि के लिए सीएसएस चयनकर्ता, केवल तभी जब पहला बच्चा

Question

क्या किसी को पता है कि एक सीएसएस चयनकर्ता को परिभाषित करना संभव है जो div के भीतर पहली छवि का चयन करता है, लेकिन केवल अगर यह div के भीतर पहला बच्चा है।

jQuery में मैं इस तरह एक तुलना कुछ प्रयोग करेंगे ...

if ($('#div img:first-child') == $('#div>*:first-child')) { 
    ... 
} 

Answer 1

By definition of "first-child", चयनकर्ता (यह मानते हुए अपने divdiv के id था)

#div img:first-child 

पहले से ही है कि नहीं करता है। किसी भी div की पहली छवि

div img:first-child 

रूप BoltClock के जवाब बताते हैं, बच्चे चयनकर्ता अगर आप img तत्वों div में गहरी नेस्ट हो सकता है जरूरत है, हालांकि।

Answer 2

यह एक सरल सीएसएस चयनकर्ता है:

#div:first-child img:first-child 

Answer 3

आप jQuery में एक तुलना करने के लिए करता है, तो सभी की जरूरत नहीं है आप करना चाहते हैं कि img चुनें। बस अपने दो चयनकर्ताओं को गठबंधन करें:

#div > img:first-child 

यह jQuery और CSS दोनों में काम करता है।