html - 求解關于偽類和visibility的問題
問題描述
想把鼠標懸停在“用戶”上時表格會顯現出來，可是為什么以下代碼不能實現？到底哪里錯了好煩躁呀！
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.4tl426be.cn/wenda/6147.html'>用戶</a> <table><tr> <td><a href='http://m.4tl426be.cn/wenda/6147.html'>好友</a> </td></tr><tr> <td><a href='http://m.4tl426be.cn/wenda/6147.html'>關注</a> </td></tr><tr> <td><a href='http://m.4tl426be.cn/wenda/6147.html'>設置</a> </td></tr><tr> <td><a href='http://m.4tl426be.cn/wenda/6147.html'>消息</a> </td></tr> </table> </p></body></html>
問題解答
回答1：css選擇器用錯了
cssa:hover table{ visibility: visible;}
表示一個祖先元素的是a元素，且該a元素狀態為hover 的 table 元素是可見的。對于你的html， a元素是 table 元素的兄弟元素，應該是：
cssa:hover + table{ visibility: visible;}
相關文章：
1. docker - 如何修改運行中容器的配置2. javascript - Web微信聊天輸入框解決方案3. 請教各位大佬，瀏覽器點 提交實例為什么沒有反應4. docker images顯示的鏡像過多，狗眼被亮瞎了，怎么辦？5. javascript - 關于audio標簽暫停的問題6. javascript - history.replaceState()無法改變query參數7. javascript - 移動端textarea不能上下滑動，該怎么解決？8. javascript - 為什么form表單提交沒有跨域問題，但ajax提交有跨域問題？9. javascript - Ajax加載Json時，移動端頁面向左上角縮小一截兒，加載完成后才正常顯示，這該如何解決？10. javascript - 音頻加載問題
網公網安備