窗口表面RT悬停

Question

我正在戴尔XPS设备上测试网站，该设备支持触摸和鼠标（笔记本电脑/平板电脑）。我有一些菜单有子菜单，并有悬停，活动和选定的CSS，我从display：none更改为disblay：子菜单上的块（如果没有子菜单，则用户被重定向到菜单选项表示的页面）。 除了IE之外的所有浏览器（在这些特定设备上 - 触摸/鼠标），一切都很好用。

也许这有解决方案？如果选择下有子菜单，则显示触摸子菜单。那些有子菜单的菜单选项有类＆＃34;多选＆＃34;和它下面的菜单有类＆＃34;列表＆＃34;和＆＃34; lvl-2＆＃34;。

CSS看起来像这样：

.multi-level{ 
    &:hover, &:active, &.selected{          
        .list.lvl-2{
            //dropdown display trigger
            display: block;
        }
    }
}

任何人都有任何想法如何在支持鼠标和触摸交互的设备上解决这个问题（使用鼠标它可以正常工作）？