css - 如果先前的 TD 使用 CSS 选择元素

Question

如果有以下HTML(可能有更多TD)，我可以选择ALL <div>吗？在所有 TD 中都带有 divE 样式的 s s 在 id="current"之前？

我想我可以用 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

没有 before 选择器，但您可以选择所有 td(不是 #current)，然后在 #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 */
}

演示:http://jsfiddle.net/MYhPP/2/