html - 求解關(guān)于偽類和visibility的問題
問題描述
想把鼠標(biāo)懸停在“用戶”上時(shí)表格會(huì)顯現(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.gepszalag.com/wenda/6147.html'>用戶</a> <table><tr> <td><a href='http://www.gepszalag.com/wenda/6147.html'>好友</a> </td></tr><tr> <td><a href='http://www.gepszalag.com/wenda/6147.html'>關(guān)注</a> </td></tr><tr> <td><a href='http://www.gepszalag.com/wenda/6147.html'>設(shè)置</a> </td></tr><tr> <td><a href='http://www.gepszalag.com/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 元素是可見的。對(duì)于你的html, a元素是 table 元素的兄弟元素,應(yīng)該是:
cssa:hover + table{ visibility: visible;}
相關(guān)文章:
1. docker-machine添加一個(gè)已有的docker主機(jī)問題2. angular.js - angularjs的自定義過濾器如何給文字加顏色?3. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問題。4. 關(guān)于docker下的nginx壓力測(cè)試5. 為什么我ping不通我的docker容器呢???6. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.7. nignx - docker內(nèi)nginx 80端口被占用8. docker - 如何修改運(yùn)行中容器的配置9. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題10. docker鏡像push報(bào)錯(cuò)
