宽屏适配中的样式隐藏问题

  .uni-app--showleftwindow + .uni-tabbar-bottom {  
      display: none;  
  }  

<!-- 隐藏所有页面的 navigationBar -->    
.uni-app--showtopwindow uni-page-head {    
    display: none;    
}    

<!-- 显示路径为 pages/component/view/view 页面的 navigationBar -->    
.uni-app--showtopwindow [data-page="pages/component/view/view"] uni-page-head {    
    display: block;    
}

官方文档能看的都看了，但是上述代码还是看不懂，请指教一下以下写法是什么意思，或者可以查阅什么文档来理解。
1、.uni-app--showtopwindow uni-page-head：这个是css选择器吗，那 uni-app-- 和 uni-page-head 各是什么意思？
2、.uni-app--showleftwindow + 中的 +又是什么意思？

文档链接：https://uniapp.dcloud.net.cn/collocation/pages?id=topwindow