2012-12-13 59 views
0

道歉,如果这已被问到或是一个愚蠢的问题 - 这似乎很简单,但我没有搜索。CSS从悬停点击选择状态点击

我的网站上,我使用我最初从网站提供许多免费的罐装导航栏拉到不久前一个导航栏,以及具有自从再变了很多的只是修修补补的参数。现在,随着移动设备的出现(是的,我落后了),我希望将所有下拉菜单从悬停时跳出到点击跳出。我知道这是bootstrap是如何做的,等等,很明显它可以做到。

对于我来说,事情开始改变颜色,并根据这样的事情出现:

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

当选择外部列表元素,东西变化。但是,似乎“。选定”使悬停中的李“选中”。有没有办法改变它,所以点击时选择它?只是简单的字改变?或者我将不得不改变我的结构?如果需要,我可以提供额外的代码。

+1

如果你提供额外的代码你一定会得到更好的答案 - 没有足够的这里看到发生了什么事情。如果您创建了一个小型自包含示例,其中只包含足够的代码来演示问题,而没有其他任何附加内容,您将得到最佳答案。将此代码发布到问题中或JSFiddle(http://jsfiddle.net/)中。这样做可能需要很多工作,但它是解决问题的关键部分。 – KatieK

+0

这将是正确的答案^。抱歉的人。我认为.selected是CSS中的一个子类或伪类。我完全忘记了我在JavaScript中编写的函数,可以在悬停时添加或删除“selected”类! DOH!难怪我找不到同样的问题!对不起,再次感谢您的时间。 –

回答

0

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

你应该看看媒体查询以及要如何加载/隐藏每视特定元素。