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.baoyu77737.com/wenda/6147.html'>用戶</a> <table><tr> <td><a href='http://m.baoyu77737.com/wenda/6147.html'>好友</a> </td></tr><tr> <td><a href='http://m.baoyu77737.com/wenda/6147.html'>關注</a> </td></tr><tr> <td><a href='http://m.baoyu77737.com/wenda/6147.html'>設置</a> </td></tr><tr> <td><a href='http://m.baoyu77737.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. angular.js - angular內容過長展開收起效果2. java - SSH框架中寫分頁時service層中不能注入分頁類3. docker-machine添加一個已有的docker主機問題4. python3.x - python連oanda的模擬交易api獲取json問題第五問5. nignx - docker內nginx 80端口被占用6. node.js - 我是一個做前端的，求教如何學習vue，node等js引擎？7. debian - docker依賴的aufs-tools源碼哪里可以找到啊？8. html5 - 百度echart官網下載的地圖json數據亂碼9. javascript - js代碼獲取驗證碼倒計時問題10. 關于docker下的nginx壓力測試
網公網安備