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. 点字符“” 在MVC Web API 2中进行请求，例如api / people / STAFF.452872. javascript - thymeleaf模板 只有length如何循环生成标签？3. docker - 各位电脑上有多少个容器啊？容器一多，自己都搞混了，咋办呢？4. 如何解决docker宿主机无法访问容器中的服务？5. 求大神指点js修改margintop导致无限下滑的问题6. node.js - 我是一个做前端的，求教如何学习vue，node等js引擎？7. javascript - node如何关闭主进程后 打开另一进程？8. java - 在Spring初始化过程中阻塞合理吗?9. golang - 用IDE看docker源码时的小问题10. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？
网公网安备