选择前一个TD与CSS的元素

Question

如果有以下HTML（可能有更多TD），我可以在ID = 1之前的所有<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 s（不是#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/