是阿琳呐 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日

悬赏问题

  • ¥15 请问下这个红框里面是什么文档或者记事本编辑器
  • ¥15 机器学习教材中的例题询问
  • ¥15 求.net core 几款免费的pdf编辑器
  • ¥15 为什么安装HCL 和virtualbox之后没有找到VirtualBoxHost-OnlyNetWork?
  • ¥15 C# P/Invoke的效率问题
  • ¥20 thinkphp适配人大金仓问题
  • ¥20 Oracle替换.dbf文件后无法连接,如何解决?(相关搜索:数据库|死循环)
  • ¥15 数据库数据成问号了,前台查询正常,数据库查询是?号
  • ¥15 算法使用了tf-idf,用手肘图确定k值确定不了,第四轮廓系数又太小才有0.006088746097507285,如何解决?(相关搜索:数据处理)
  • ¥15 彩灯控制电路,会的加我QQ1482956179