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='https://www.haobala.com/wenda/6147.html'>用户</a> <table><tr> <td><a href='https://www.haobala.com/wenda/6147.html'>好友</a> </td></tr><tr> <td><a href='https://www.haobala.com/wenda/6147.html'>关注</a> </td></tr><tr> <td><a href='https://www.haobala.com/wenda/6147.html'>设置</a> </td></tr><tr> <td><a href='https://www.haobala.com/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. php - 微信开发验证服务器有效性2. javascript - Webapp 关闭后重新打开无需登录如何操作？3. javascript - vue.js 在使用期间遇到ios9.3.2不兼容问题4. javascript - Ajax返回json格式之后的数据解析后取出来的数据为undefined？5. css - 文字排版问题，内容都是动态抓出来的，字数不一定。如何对齐啊6. javascript - npm安装报错 系统w7 求大神解答7. css3 - 微信前端页面遇到的transition过渡动画的bug8. javascript - js输入框限定字数问题9. 网页爬虫 - 关于Python的编码与解码问题10. javascript - jquery选择的dom元素如何更新？
网公网安备