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.lshqa.cn/wenda/6147.html'>用戶</a> <table><tr> <td><a href='http://www.lshqa.cn/wenda/6147.html'>好友</a> </td></tr><tr> <td><a href='http://www.lshqa.cn/wenda/6147.html'>關注</a> </td></tr><tr> <td><a href='http://www.lshqa.cn/wenda/6147.html'>設置</a> </td></tr><tr> <td><a href='http://www.lshqa.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. macOS Sierra 10.12 安裝mysql 5.7.1出現錯誤2. mysql - 拖拽重排序后怎么插入數據庫?3. android - 安卓做前端，PHP做后臺服務器 有什么需要注意的？4. javascript - 按鈕鏈接到另一個網址 怎么通過百度統計計算按鈕的點擊數量5. mysql 獲取時間函數unix_timestamp 問題？6. mysql - 僅僅只是把單引號與反斜杠轉義不用prepare statement能否避免sql注入？7. php - 生產環境下,給MySQL添加索引,修改表結構操作,如何才能讓線上業務不受影響？8. mysql主主同步，從庫不同步應該怎么解決？9. mysql在限制條件下篩選某列數據相同的值10. 新入手layuiadmin，部署到tp中。想用php自已寫一個后臺管理系統。
網公網安備