सीएसएस चयनकर्ता अवधि: प्रथम-बच्चे अंक

Question

मेरे पास एक div है। उस div के अंदर मेरे पास 2 पंक्तियों वाली एक टेबल है। दूसरी पंक्ति में मेरे पास एक एकल टीडी है। उस टीडी में मेरे पास पहले एक आईएमजी है, एक अवधि की तुलना में, एक और अवधि की तुलना में, और अंत में एक और img। मैं पहली अवधि में सीएसएस के माध्यम से चयन करना चाहता हूं और इसे लाल रंग देना चाहता हूं। मेरे कोड के नीचे यहाँ। दुर्भाग्य से यह काम नहीं कर रहा है। उम्मीद है कि कोई मदद कर सकता है। आपके उत्तरों के लिए अग्रिम धन्यवाद। चीयर्स। मार्क। वैसे, एचटीएमएल संरचना बेवकूफ लग सकती है। मैं सहमत हूँ। मैं बस व्याख्यान को कम करने के लिए सरलीकृत। तो कोड पर टिप्पणी करने की कोई ज़रूरत नहीं है।

http://cssdesk.com/sVKXg

<div id="myDiv"> 
    <table cellspacing="0"> 

     <tr> 
      <td> 
       <span>Some text</span> 
      </td> 
     </tr> 

     <tr> 
      <td> 
       <img src="img/quotes-open.png" alt="" /> 
       <span>span1</span> 
       <span>span2</span> 
       <img src="img/quotes-close.png" alt="" /> 
      </td> 
     </tr> 

    </table> 
</div> 

#myDiv tr:nth-child(2) span:first-child{ 
    color:red;} 

Answer 1

:first-child चयनकर्ता केवल उस तत्व का चयन करता है अगर यह माता पिता की पहली संतान है। इस मामले में पहला बच्चा एक छवि है, एक अवधि नहीं। आप :first-of-type चयनकर्ता की तलाश में हैं।

#myDiv tr:nth-child(2) span:first-of-type { color:red } 

Answer 2

सीएसएस होना चाहिए:

#myDiv tr:nth-child(2) span:nth-child(2){ 
    color:red; 
}