cssからホバー上の2つの別々の要素をターゲットにする

Question

インラインで同時に表示される2つの別個の表をターゲットにすることは可能ですか？最初のテーブルまたは第2のテーブルのtrtdをカーソルが通過すると同時に、両方のテーブルにホバー効果を持たせたい。ここで

は小さな一例です：http://jsfiddle.net/Ksb2W/17/

（今別途取り組んでいる）

Answer 1

あなたは一種の最初のdivにわたりそのホバリング中に、この動作をエミュレートすることができますに含まれているtableで応答をトリガーします兄弟div：

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

JS Fiddle demo。

しかし、それは兄弟にして、子テーブルに、その後tableの親divへ旅行必要になるとして、あなたは、秒で応答をトリガするために最初table上にカーソルを移動することはできません。

同様に、JavaScriptを使用しない場合、最初のテーブルの現在ホバリングされた要素に基づいて、特定の行またはセルで応答をトリガーすることはできません。また、最初の応答を引き起こすことができます秒table（またはdiv）をホバリングします。