是阿琳呐 2022-10-04 20:23 采纳率: 11.8%
浏览 96
已结题

:hover 伪类选择器利用:hover关于悬停元素隐藏,鼠标悬停在父元素,打开后代子元素,为什么这个后代子元素不能用后代选择器来书写

:hover 伪类选择器
利用:hover关于悬停元素隐藏,,鼠标悬停在父元素,打开后代子元素,为什么这个后代子元素不能用后代选择器来书写,会无效

img

img

searchbox是li的子集,鼠标悬停在li上打开searchbox,以上那个写法无效,

img


这样写才有效,为什么

  • 写回答

5条回答 默认 最新

  • Ko-walski 2022-10-04 22:56
    关注
    .search ul li:hover .search ul li .searchbox {
                display:block;
            }
    上面这 display:block; 作用于.search ul li .searchbox这四个元素标签甚至还有span 
    但是实际初次定义隐藏的只有.searchbox标签的元素 其他元素一开始就是display:block; (可以F12去后台看)
    但是执行要变成block 所以浏览器无法解释CSS样式 就不会继续执行下面的子元素
    
    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 10月5日
  • 创建了问题 10月4日

悬赏问题

  • ¥30 关于#python#的问题:我想要的是这79个大特征对于房屋售价的最大的影响前十名(相关搜索:随机森林)
  • ¥15 使用matlab计算自定义特殊函数的二重积分,改变积分顺序所得的结果不同的问题?
  • ¥15 mysql做碎片化处理老是报错怎么办
  • ¥15 如何正确在vs2010中初始化map对象
  • ¥30 mmdet3d模型部署问题
  • ¥15 comsol仿真反射率、吸收率时峰值位置和深度不对!
  • ¥30 Visual Studio找不到sdk,如何解决?
  • ¥15 labview与机器之间网口通信发送指令
  • ¥15 迪杰斯特拉算法,考虑时延,带宽
  • ¥30 C#提交json字符串给http服务器