从悬停到单击的 CSS 选择状态

Question

如果这个问题被问到或者是一个愚蠢的问题，我深表歉意 - 这看起来很简单，但我确实进行了搜索。

在我的网站上，我使用了一个导航栏，我最初是从很久以前从一个有许多免费的固定导航栏的网站中提取的，此后通过修改参数对其进行了很多更改。现在，随着移动设备的出现(是的，我落后了)，我想将所有下拉菜单从悬停时弹出更改为单击时弹出。我知道 bootstrap 就是这样做的，等等，所以很明显它是可以做到的。

对我来说，事物开始改变颜色并基于以下内容出现:

.menu ul li.selected a.outer1 {color:#000; background:#929292; margin-bottom:250px; 
                               zoom: 1; filter: alpha(opacity=60); opacity: 0.6; }

当选择外部列表元素时，内容会发生变化。但是，似乎“.selected”使 li 在悬停时“被选中”。有没有办法更改它以便在单击时选择它？只是一个简单的单词变化？或者我将不得不改变我的结构？如果需要，我可以提供额外的代码。

Answer 1

这不是简单的单个 CSS 更改。媒体查询为特定视口(viewport)加载特定的 div 并隐藏另一个。

您应该查看媒体查询以及您希望如何加载/隐藏每个视口(viewport)的特定元素。