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://www.b3g6.com/wenda/6147.html'>用戶</a> <table><tr> <td><a href='http://www.b3g6.com/wenda/6147.html'>好友</a> </td></tr><tr> <td><a href='http://www.b3g6.com/wenda/6147.html'>關注</a> </td></tr><tr> <td><a href='http://www.b3g6.com/wenda/6147.html'>設置</a> </td></tr><tr> <td><a href='http://www.b3g6.com/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. debian - docker依賴的aufs-tools源碼哪里可以找到啊？2. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下3. docker網絡端口映射，沒有方便點的操作方法么？4. docker-compose 為何找不到配置文件？5. macos - mac下docker如何設置代理6. docker start -a dockername 老是卡住，什么情況？7. docker 下面創建的IMAGE 他們的 ID 一樣？這個是怎么回事？？？？8. 如何解決Centos下Docker服務啟動無響應，且輸入docker命令無響應？9. angular.js使用$resource服務把數據存入mongodb的問題。10. docker gitlab 如何git clone？
網公網安備