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

时间:2012-04-20 11:37:08

标签: html css

是否可以定位两个同时内联显示的单独表格?当光标经过第一个或第二个表的tr td时,我希望同时在两个表上都有悬停效果。

以下是一个小例子:http://jsfiddle.net/Ksb2W/17/

(现在正在单独工作)

1 个答案:

答案 0 :(得分:4)

您可以模仿此行为,因为将鼠标悬停在第一个div上会触发同级table中包含的div中的响应:

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

JS Fiddle demo

但你不能将鼠标悬停在第一个table上以触发第二个响应,因为这需要前往table的父div然后转到兄弟姐妹和然后到了子表。

同样,如果没有JavaScript,则无法根据第一个表中当前悬停的元素触发特定行或单元格中的响应。也不是,在悬停第二个table(或div)时,您可以在第一个中触发响应。