html - 求解關于偽類和visibility的問題
問題描述
想把鼠標懸停在“用戶”上時表格會顯現(xiàn)出來,可是為什么以下代碼不能實現(xiàn)?到底哪里錯了好煩躁呀!
html<!DOCTYPE html><html><head lang='en'> <meta charset='UTF-8'> <title></title> <style> table{ visibility: hidden; } a:hover table{visibility: visible; } </style></head><body><p> <a href='http://m.b3g6.com/wenda/6147.html'>用戶</a> <table><tr> <td><a href='http://m.b3g6.com/wenda/6147.html'>好友</a> </td></tr><tr> <td><a href='http://m.b3g6.com/wenda/6147.html'>關注</a> </td></tr><tr> <td><a href='http://m.b3g6.com/wenda/6147.html'>設置</a> </td></tr><tr> <td><a href='http://m.b3g6.com/wenda/6147.html'>消息</a> </td></tr> </table> </p></body></html>
問題解答
回答1:css選擇器用錯了
cssa:hover table{ visibility: visible;}
表示一個祖先元素的是a元素,且該a元素狀態(tài)為hover 的 table 元素是可見的。對于你的html, a元素是 table 元素的兄弟元素,應該是:
cssa:hover + table{ visibility: visible;}
相關文章:
1. boot2docker無法啟動2. javascript - sublime快鍵鍵問題3. javascript - 移動端上不能實現(xiàn)拖拽布局嗎?4. angular.js - 單頁應用(ng/vue)該如何監(jiān)聽用戶離開當前頁面(或者路由)?5. node.js - 安裝cordova時報錯,怎么解決?6. javascript - 如何判斷不同兩個對象觸發(fā)同一事件?7. python - django models 為生成的html元素添加樣式。8. nginx bind failed9. thinkPHP5中獲取數(shù)據(jù)庫數(shù)據(jù)后默認選中下拉框的值,傳遞到后臺消失不見。有圖有代碼,希望有人幫忙10. javascript - JS new Date() 保存到 mongodb 中會早8個小時,我們這里是東八區(qū),mongodb 保存的是格林尼治時間

網公網安備