表下拉列表{display：table-row;}无法正常工作

Question

我正在学习HTML5，CSS3。我做了一个自我练习：而不是使用div ul drop menu，尝试使用表

为什么悬停它不起作用？

http://jsfiddle.net/goldman7911/KQP8Y/

tr:hover {
    display : table-row;
}

此致

Answer 1

tr {
    display: none;
}
tr: hover {
    display: table-row;
}

这没有意义，因为您不能将鼠标悬停在未显示的元素上。相反，您可以table:hover tr作为选择器，但这可能需要不同的布局来满足您的需求。