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.cgvv.com.cn/wenda/6147.html'>用戶</a> <table><tr> <td><a href='http://m.cgvv.com.cn/wenda/6147.html'>好友</a> </td></tr><tr> <td><a href='http://m.cgvv.com.cn/wenda/6147.html'>關注</a> </td></tr><tr> <td><a href='http://m.cgvv.com.cn/wenda/6147.html'>設置</a> </td></tr><tr> <td><a href='http://m.cgvv.com.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. android - NavigationView 的側滑菜單中如何保存新增項(通過程序添加)2. tp5 不同控制器中的變量調用問題3. 微信小程序可以用gulp,webpack嗎?4. mysql服務無法啟動1067錯誤,誰知道正確的解決方法?5. ueditor上傳服務器提示后端配置項沒有正常加載,求助!!?。?!6. python - 為什么正常輸出中文沒有亂碼,zip函數之后出現中文編程unicode編碼的問題,我是遍歷輸出的啊。7. 老師 我是一個沒有學過php語言的準畢業生 我希望您能幫我一下8. 這段代碼既不提示錯誤也看不到結果,請老師明示錯在哪里,謝謝!9. php7.3.4中怎么開啟pdo驅動10. 提示語法錯誤語法錯誤: unexpected ’abstract’ (T_ABSTRACT)
