phạm vi lựa chọn css: vấn đề đầu tiên của con

Question

Tôi có một div. Bên trong div đó tôi có một bảng với 2 hàng. Trong hàng thứ hai tôi có một td duy nhất. Trong đó td tôi có một img đầu tiên, hơn một khoảng, hơn một nhịp khác, và cuối cùng là một img khác. Tôi muốn chọn thông qua css khoảng đầu tiên và cho nó một màu đỏ. Dưới đây là mã của tôi. Thật không may nó không hoạt động. Hy vọng ai đó có thể giúp đỡ. Cảm ơn bạn trước cho câu trả lời của bạn. Chúc mừng. Marc. Nhân tiện, cấu trúc html có thể trông ngu ngốc. Tôi đồng ý. Tôi chỉ đơn giản hóa để giảm bớt bài giảng. Vì vậy, không cần phải bình luận mã.

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

Các :first-child selector chỉ chọn yếu tố đó nếu nó là đứa con đầu lòng của phụ huynh. Đứa trẻ đầu tiên trong trường hợp này là một hình ảnh, không phải là một nhịp. Bạn đang tìm kiếm bộ chọn :first-of-type.

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

Answer 2

CSS nên là:

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