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

Question

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

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

这样写才有效，为什么

Answer 1

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