Table drop-down {display：table-row;} not working

我正在學習HTML5，CSS3。我做了一個自我練習：而不是使用div ul下拉菜單，嘗試與表Table drop-down {display：table-row;} not working

爲什麼懸停它不工作？

tr:hover { 
    display : table-row; 
}

問候，

那麼你不能懸停在不可見的東西。當你將鼠標懸停在桌子上時，你可以使用'table：hover tr'來顯示錶格行，但這可能比你想要的更普遍 –

我明白你的觀點。非常感謝。所以我確實需要製作3個表格，每個菜單下拉菜單。謝謝 –

http://jsfiddle.net/goldman7911/KQP8Y/1/有。非常感謝 –

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

這是沒有意義的，因爲你不能在沒有顯示的元素懸停。相反，您可以選擇table:hover tr作爲選擇器，但這可能需要不同的佈局來滿足您的需求。

2013-11-04 14:27:48

回答