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://m.4tl426be.cn/wenda/6147.html'>用戶</a> <table><tr> <td><a href='http://m.4tl426be.cn/wenda/6147.html'>好友</a> </td></tr><tr> <td><a href='http://m.4tl426be.cn/wenda/6147.html'>關(guān)注</a> </td></tr><tr> <td><a href='http://m.4tl426be.cn/wenda/6147.html'>設(shè)置</a> </td></tr><tr> <td><a href='http://m.4tl426be.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 元素是可見的。對(duì)于你的html, a元素是 table 元素的兄弟元素,應(yīng)該是:
cssa:hover + table{ visibility: visible;}
相關(guān)文章:
1. mysql 查詢身份證號(hào)字段值有效的數(shù)據(jù)2. 視頻文件不能播放,怎么辦?3. node.js - nodejs開發(fā)中常用的連接mysql的庫4. python bottle跑起來以后,定時(shí)執(zhí)行的任務(wù)為什么每次都重復(fù)(多)執(zhí)行一次?5. mysql - 把一個(gè)表中的數(shù)據(jù)count更新到另一個(gè)表里?6. 請(qǐng)教使用PDO連接MSSQL數(shù)據(jù)庫插入是亂碼問題?7. mysql - 分庫分表、分區(qū)、讀寫分離 這些都是用在什么場景下 ,會(huì)帶來哪些效率或者其他方面的好處8. python - 爬蟲模擬登錄后,爬取csdn后臺(tái)文章列表遇到的問題9. visual-studio - Python OpenCV: 奇怪的自動(dòng)補(bǔ)全問題10. Python爬蟲如何爬取span和span中間的內(nèi)容并分別存入字典里?
