当tbody悬停时更改thead

28 浏览
0 Comments

当tbody悬停时更改thead

我正在尝试创建一个表格，当鼠标悬停在行上时，第一个表头行列的背景将改变。我知道可以使用jQuery来实现，只是想知道是否可以只使用CSS来实现。\n访问 http://jsfiddle.net/G9G65/1/\n



标题1标题2


    
列表1数据1数据2

    
列表2数据1数据2

    
列表3数据1数据2

0

1 答案

0 Comments

很遗憾，我认为你无法仅通过CSS来实现你想要的效果。

基本上，你需要一个父元素的兄弟选择器来实现这个效果，但是目前并没有这样的选择器。

虽然你可以悬停在父元素上并影响子元素，但CSS还不允许子元素与父元素或父元素的兄弟元素进行交互。

所以...

#parent:hover #child { /* 这个可以工作 */
    background: green;
}
#child:hover #parent { /* 这个不起作用 */
    background: yellow;
}

示例

0