html - 从css悬停时定位两个单独的元素

Question

是否可以定位同时内联显示的两个单独的表？当光标越过tr td第一个或第二个表时，我想同时在两个表上产生悬停效果。

这是一个小例子：http: //jsfiddle.net/Ksb2W/17/

（现在分开工作）

Answer 1

您可以模拟这种行为，因为将鼠标悬停在第一个上div会触发table包含在兄弟姐妹中的响应div：

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

JS 小提琴演示。

但是您不能将鼠标悬停在第一个table上以在第二个中触发响应，因为这需要先到达table的父div级，然后到达兄弟级，然后到达子表。

同样，如果没有 JavaScript，您将无法根据第一个表中当前悬停的元素在特定行或单元格中触发响应。也不能在第二个table（或div）悬停时触发第一个响应。