2012-05-04 10 views
1

次のHTMLを持つ場合は、divE(id = "current"の場合はTD)のALL <div>を選択できますか?CSSを使用して前の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> 

答えて

2

そこには前セレクタはませんが、何を行うことができますが(#currentではありません)すべてtd Sを選択し、(または「元に戻す」)「リセット」されたスタイル#currentの後のすべてのtdにあります。

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/

関連する問題