css设置dispay:none;后无法使用display:block;恢复显示

Question

不知道怎么搞，有没有人指点一下，头疼
html代码如下

css代码如下

Answer 1

ul li .nav-bar-list {
  display: none;
}
ul li:hover .nav-bar-list {
  display: block;
}