请问segmentfault的搜索框foucs时，隐藏了旁边的分类导航条，是怎么实现的？能不能不用js纯css实现？

Question

请问segmentfault的搜索框foucs时，隐藏了旁边的分类导航条，是怎么实现的？能不能不用js的情况下使用纯css实现？纯css请问怎么实现？搜索框和导航条分别是在两个div中的。两个div是兄弟。

Answer 1

HTML:(伪代码)
htmlform
i.fa.fa-search
inputtype="text"
ul
li*5>{nav-item-$}
SCSS:
scssinput{
//未focus时的样式
&~ul{
//未focus时的列表样式
}
&:focus{
//inputfocus时的样式
&~ul{
//inputfocus时的列表样式
}
}
}