html - 求解關(guān)于偽類和visibility的問題
問題描述
想把鼠標(biāo)懸停在“用戶”上時表格會顯現(xiàn)出來，可是為什么以下代碼不能實現(xiàn)？到底哪里錯了好煩躁呀！
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.lshqa.cn/wenda/6147.html'>用戶</a> <table><tr> <td><a href='http://m.lshqa.cn/wenda/6147.html'>好友</a> </td></tr><tr> <td><a href='http://m.lshqa.cn/wenda/6147.html'>關(guān)注</a> </td></tr><tr> <td><a href='http://m.lshqa.cn/wenda/6147.html'>設(shè)置</a> </td></tr><tr> <td><a href='http://m.lshqa.cn/wenda/6147.html'>消息</a> </td></tr> </table> </p></body></html>
問題解答
回答1：css選擇器用錯了
cssa:hover table{ visibility: visible;}
表示一個祖先元素的是a元素，且該a元素狀態(tài)為hover 的 table 元素是可見的。對于你的html， a元素是 table 元素的兄弟元素，應(yīng)該是：
cssa:hover + table{ visibility: visible;}
相關(guān)文章：
1. java - 如何讓maven優(yōu)先使用用戶setting.xml的配置？2. 有哪些將html5語義化標(biāo)簽運用到極致的站點？3. 分頁沒效果4. javascript - 關(guān)于ajax異步的問題5. javascript - h5頁面中特殊字符在某些安卓手機上亂碼(__??_-?? -----> __?-??)6. mysql 字段索引的問題7. Python的os.listdir在獲取文件列表時的順序問題8. java - NamedParameterJdbcTemplate 性能測試9. java - 各大MQ產(chǎn)品中消費者是怎么接收消息的10. javascript - 這是什么插件能把能把cli里面的webpack打包信息格式化?
網(wǎng)公網(wǎng)安備