CSS가있는 이전 TD 선택 CSS

Question

다음 HTML (TD가 더 많을 수 있음)이있는 경우 ID가 "현재"인 divE 모두 TD에 모두 <div>을 모두 선택할 수 있습니까?

jQuery로 할 수 있다고 생각하지만 순수 CSS로 처리 할 수 ​​있습니까?

HTML

있다

<table id="myTbl" cellpadding="0" cellspacing="0"> 
    <tr> 
     <td> 
      <div class="red">asdasd</div> 
      <div class="divE"></div> 
      <div class="divE"></div> 
      content 
     </td> 
     <td id="current"> 
      <div class="red">asdasd</div> 
      <div class="divE"></div> 
      <div class="divE"></div> 
      content 
     </td> 
     <td> 
      <div class="red">asdasd</div> 
      <div class="divE"></div> 
      <div class="divE"></div> 
      content 
     </td> 
    </tr> 
</table> 

Answer 1

없는 선택하기 전에,하지만 당신이 할 수있는 것은 모든 td들 (#current를가 아닌)을 선택하고 "재설정"(또는 "취소") 스타일 #current 이후 모든 td s에

td:not(#current) div.divE{ 
    /* Styles for <td>s before "#current" */ 
} 
td#current ~ td div.divE{ /* This means all "td div.divE" after "td#current" */ 
    /* Reset/undo styles for all other <td>s */ 
} 

DEMO : http://jsfiddle.net/MYhPP/2/