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

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

img

css代码如下

img

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

你这下边的CSS写的也不对啊，.nav-bar-lista是什么写法，a前边应该有空格吧，但是你的.nav-bar-list内部也没有a元素啊