小编use*_*367的帖子

我已经摆好桌子了.

你看,我试图创建一个用户将悬停的表,然后单击td以显示id.检查小提琴你会明白的.

现在,当用户悬停Parent4时,您可能会注意到桌面上没有文本的空间,用户无法单击它,因此Child4不会出现....

现在,有没有什么方法可以让空间里没有可点击的文字,所以它显示了child4？

我试过了

<td ahref="#child4"> but didn't work...

////？编辑因为它有点令人困惑......

我需要你去看小提琴.您可以看到Parent4的单元格大于文本.因此,当用户在单元格上悬停时,我希望文本更改颜色,单元格也要更改颜色+如果用户单击单元格,Child4将不会出现,因为单元格不可点击,所以我的问题,如何制作单元格可点击以显示Child4？

UPD:

我没有更新小提琴,但它现在是最新的.

大家好,我正在尝试进行转换,当你悬停背景变成紫色,文字颜色变成白色.(原来没有背景颜色,文字颜色是黑色......)

但它不起作用!

我做错了什么!？

a:hover {
    color: white;
    -webkit-transition: color 1000ms linear;
    -moz-transition: color 1000ms linear;
    -o-transition: color 1000ms linear;
    -ms-transition: color 1000ms linear;
    transition: color 1000ms linear;
    background-color: purple;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

所以///编辑,因为每个人都告诉我将其添加到a而不是:hover ...

初始状态:

text-color:black;
background:none;

悬停状态:

顺利过渡到:

 text-color:white;
background:black;

我希望这能帮助大家感谢您的时间!