基础topbar is_hover仅适用于触摸设备

Question

我想要一个悬停在非触摸设备上的顶部栏，然后点击触摸设备。

我通过这样做实现了这个目标：

 <nav class="top-bar show-for-touch" data-topbar role="navigation" data-options="is_hover: false">
        <!-- menu -->
 </nav>
 <nav class="top-bar hide-for-touch" data-topbar role="navigation" data-options="is_hover: true">
        <!-- menu -->
 </nav>

然而，必须有一个更简洁的方法，不重复整个菜单两次，我搜索文档和在线，没有找到任何东西。

Answer 1

CSS

:hover

将在非触摸设备上悬停工作，仍然可以点击或点按触摸设备...如果我没有弄错