【问题标题】:CSS selected state from hover to click从悬停到单击的 CSS 选定状态
【发布时间】:2012-12-13 19:17:26
【问题描述】:

如果有人问过这个问题或者这是一个愚蠢的问题,我们深表歉意 - 看起来很简单,但我确实搜索过。

在我的网站上,我使用了一个导航栏,我最初是从很久以前有许多免费的罐装导航栏的网站中提取的,并且从那时起通过修改参数对其进行了很多更改。现在,随着移动设备的出现(是的,我落后了),我想将所有下拉菜单从悬停时弹出更改为单击时弹出。我知道这就是 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 在悬停时“选中”。有没有办法改变它,让它在点击时被选中?只是一个简单的单词变化?还是我必须改变我的结构?如果需要,我可以提供额外的代码。

【问题讨论】:

  • 如果你提供额外的代码,你肯定会得到更好的答案——这里没有足够的代码来看看发生了什么。如果您创建一个小的独立示例,您将获得最佳响应,该示例仅包含足够的代码来演示问题,而没有任何额外内容。将此代码发布到问题中或 JSFiddle (jsfiddle.net) 中。这样做可能需要做很多工作,但它是解决问题过程中的关键部分。
  • 这将是正确答案^。对不起各位。我认为 .selected 是 CSS 中的子类或伪类。我完全忘记了我在 JavaScript 中编写的准备在悬停时添加或删除“选定”类的函数!哦!难怪我找不到同样的问题!再次抱歉,感谢您的宝贵时间。

标签: css drop-down-menu click hover selected


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-03-28
    • 2012-08-10
    • 2018-12-19
    • 2014-09-16
    • 2017-04-04
    • 1970-01-01
    • 2016-12-07
    相关资源
    最近更新 更多