Selecteting элемент, если предыдущий TD с CSS

Question

Если есть следующий HTML-код (не может быть больше TDs), можно выбрать ВСЕ <div> S в стиле Dive во всех TD с до одного с идентификатором = «ток»?

Я думаю, что могу сделать это с помощью 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), а затем «сброса» (или «отменить») стили на всех td с после #current.

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/