jquery - 将 CSS 不透明度应用于下拉菜单

Question

我有以下 jsfiddle 设置:

http://jsfiddle.net/jMrsC/1/

当移动到文件夹 2 > 文件夹 2.1 时，我在页面上有一个下拉菜单打开，如果你仔细查看不透明度(这很难看，你可能需要一个好的显示器才能看到差异) 的第二个子菜单和第一个子菜单是有区别的。在 css 中，我有以下代码，它应用了不透明度:

.ddsmoothmenu ul li ul li{
  display: list-item;
  float: none;
  background: #111;
  opacity: 0.92;
}

在我看来，不透明度已被应用到第二个子菜单两次，并使其比第一个子菜单稍微透明一些。

谁能帮忙，我希望一级子菜单和二级子菜单具有相同的不透明度。

谢谢

------------------------更新--------------------

抱歉，我之前可能不清楚，我想对所有级别的子菜单应用一致的不透明度，而不仅仅是删除它。

谢谢

Answer 1

问题是不透明度也应用于元素的子元素。因此，每次您创建子菜单时，每次都会获得父菜单的 0.92 的不透明度。

正如 spiel 所建议的，简单地从该行中删除不透明度可能适用于您的情况。

但是，如果您想定位从第 2 级开始的子菜单，并从那里开始保持一致，请尝试以下操作:

按照提示从当前类中移除不透明度

首先:

.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
background: #111;
#opacity: 0.92; <--remove
}

然后(确保它出现在你上面的代码之后)

.ddsmoothmenu ul li {
opacity: 0.50
}

====编辑=====

不确定这方面的礼仪是什么，所以我将进行编辑。虽然我的建议有效，但下面 VenomVendor 给出的解决方案更清晰、更好。不要像我之前建议的那样执行 .ddsmoothmenu>ul>li>ul>li，而是使用 .ddsmoothmenu ul li。