2

同時にインラインで表示される 2 つの別々のテーブルをターゲットにすることはできますか? tr tdカーソルが最初または2番目のテーブルを通過するときに、両方のテーブルに同時にホバー効果を持たせたいです。

ここに小さな例があります: http://jsfiddle.net/Ksb2W/17/

（現在は別々に活動中）

4

1 に答える 1

4

この動作をエミュレートすることができます。つまり、最初の上にカーソルを合わせると、兄弟divに含まれる で応答がトリガーされます。tablediv

div:hover,
div:hover + div table td {
    background-color: #f90;
    border-color: #f90;
}

JS フィドルのデモ。

tableただし、最初のテーブルにカーソルを合わせて 2 番目の応答をトリガーすることはできません。これは、tableの親に移動し、div次に兄弟に移動し、次に子テーブルに移動する必要があるためです。

同様に、JavaScript を使用しない場合、最初のテーブルで現在ホバーされている要素に基づいて、特定の行またはセルで応答をトリガーすることはできません。また、2 番目table(またはdiv) にカーソルを合わせると、最初の応答をトリガーできません。

于 2012-04-20T11:43:03.697 に答える