html - 求解關(guān)于偽類和visibility的問題
問題描述
想把鼠標(biāo)懸停在“用戶”上時(shí)表格會顯現(xiàn)出來，可是為什么以下代碼不能實(shí)現(xiàn)？到底哪里錯(cuò)了好煩躁呀！
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.leifengta.com.cn/wenda/6147.html'>用戶</a> <table><tr> <td><a href='http://www.leifengta.com.cn/wenda/6147.html'>好友</a> </td></tr><tr> <td><a href='http://www.leifengta.com.cn/wenda/6147.html'>關(guān)注</a> </td></tr><tr> <td><a href='http://www.leifengta.com.cn/wenda/6147.html'>設(shè)置</a> </td></tr><tr> <td><a href='http://www.leifengta.com.cn/wenda/6147.html'>消息</a> </td></tr> </table> </p></body></html>
問題解答
回答1：css選擇器用錯(cuò)了
cssa:hover table{ visibility: visible;}
表示一個(gè)祖先元素的是a元素，且該a元素狀態(tài)為hover 的 table 元素是可見的。對于你的html， a元素是 table 元素的兄弟元素，應(yīng)該是：
cssa:hover + table{ visibility: visible;}
相關(guān)文章：
1. docker鏡像push報(bào)錯(cuò)2. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””3. html5 - datatables 加載不出來數(shù)據(jù)。4. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題5. node.js - mongodb查找子對象的名稱為某個(gè)值的對象的方法6. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣？這個(gè)是怎么回事？？？？7. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤？8. html5和Flash對抗是什么情況？9. 測試自動化html元素選擇器元素ID或DataAttribute [關(guān)閉]10. 前端 - @media query 使用出現(xiàn)的問題？
網(wǎng)公網(wǎng)安備