网页设置关于visibility的用法

<html> <head> <title>WORK4</title> <style type="text/css"> a{display:block; width:100px; text-decoration:none; text-align:center;} #top{float:left; width:100px;} #footer{float:left; width:100px;} div p{background:#DEB887; visibility:hidden; width:300px; height:300px} a:hover{background:#ccc;} .a1:hover #topa{visibility:visible;} </style> </head> <body> <div> <div id="top"><a href="#" class="a1">baidu</a> <p id="topa">sajkdhsjakh</p> </div> <div id="footer"><a href="#" class="b1">come</a> <p id="footera">sajdkhsajkd</p> </div> </div> </body><html>求大神看看代码哪里错了,怎么就是实现不了那个区块隐藏后随鼠标移到标签上显示出来啊!急,在线等!
2026年09月27日 10:49
有1个网友回答
网友(1):

你写错了,因为A没有包含着P标签,而你写的.a1:hover #topa这个的意思是A下面的TOPA这个ID,而在A下面找不到这个元素,所以不可以~