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

Question

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

Answer 1

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