찾다

집  >  Q&A  >  본문

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="">用户</a>
    <table>
        <tr>
            <td>
                <a href="">好友</a>
            </td>
        </tr>
        <tr>
            <td>
                <a href="">关注</a>
            </td></tr>
        <tr>
            <td>
                <a href="">设置</a>
            </td>
        </tr>
        <tr>
            <td>
                <a href="">消息</a>
            </td>
        </tr>
    </table>
 
  </p>


</body>
</html>
迷茫迷茫2786일 전550

모든 응답(1)나는 대답할 것이다

  • ringa_lee

    ringa_lee2017-04-17 11:11:11

    css选择器用错了

    cssa:hover table{
   visibility: visible;
}

    表示一个祖先元素的是a元素，且该a元素状态为hover 的 table 元素是可见的。
    对于你的html， a元素是 table 元素的兄弟元素，应该是：

    cssa:hover + table{
   visibility: visible;
}

    회신하다
    0
  • 취소회신하다