Question

Is possible to target two separate tables that are displayed inline on the same time? I want to have a hover effect on both table at the same time when cursor pass over tr td of first or second table.

Here is a small example: http://jsfiddle.net/Ksb2W/17/

(now is working separately)

Answer 1

You can sort of emulate this behaviour, in that hovering over the first div will trigger a response in the table contained in the sibling div:

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

JS Fiddle demo.

But you can’t hover over the first table to trigger a response in the second, as that would require travelling to the table‘s parent div then to the sibling and then to the child-table.

Similarly, without JavaScript, you can’t trigger a a response in a specific row, or cell, based on the currently-hovered element in the first table. Nor, on hovering the second table (or div) can you trigger a response in the first.