1

次のHTMLがある場合（さらに多くのTDがある可能性があります）、id = "current"のHTMLの前に、すべての<div>スタイルdivEのALLを選択できますか？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>
4

1 に答える 1

2

beforeセレクターはありませんが、実行できるのは、すべて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 */
}

デモ：http：//jsfiddle.net/MYhPP/2/

于 2012-05-04T22:20:29.180 に答える