将 css 更改为菜单路径

发布于 2024-12-05 12:00:23 字数 251 浏览 0 评论 0原文

我正在使用 jquery、superfish 创建动态菜单。但是，我在向所选路径添加粗体类时遇到问题。我能够选择正确的子菜单并提取正确的父母。但是当我想将粗体 css 属性应用于元素和父元素时。每一项都变得大胆。当，我清楚地看到一些子元素没有粗体 css 类。

$n = $("li[id=li_"+$num+"]").parents().filter("li").not('ul menu').addClass('bold');

原文

I'm using jquery, superfish to create a dynamic menu.
But, I'm having trouble adding a bold class to the selected path.
I'm able to select the right submenu and extract the right parents. But when I want to apply the bold css property to the element and the parents. Every item turns bold.
When, I clearly see that some of the child elements don't have the bold css class.

$n = $("li[id=li_"+$num+"]").parents().filter("li").not('ul menu').addClass('bold');

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

蓝眼睛不忧郁 2024-12-12 12:00:23

孩子们很可能从他们勇敢的父母那里继承了勇敢。例如，如果您使用嵌套列表，则父 li 上的“bold”类与该类上的 font-weight:bold; 样式相结合，将使li 粗体中的所有内容，包括没有粗体类的子项。您可能需要类似于以下内容的 css：

li.bold li {
    font-weight:normal;
}
li.bold {
    font-weight:bold !important;
}

另外，“粗体”对于此类来说是一个不好的名称 - 您想要描述语义，而不是显示。我会使用诸如“选定”、“突出显示”或“活动”之类的内容。

示例。

The children are likely inheriting the bold from their bolded parents. For instance, if you are using nested lists, the "bold" class on a parent li, coupled with a font-weight:bold; style on that class, will make everything in that li bold, including children without the bold class. You will likely need css similar to the following:

li.bold li {
    font-weight:normal;
}
li.bold {
    font-weight:bold !important;
}

Also, "bold" is a bad name for this class - you want to describe the semantics, not the display. I would use something like "selected", "highlighted" or "active".

Example.

回复收藏 0 原文

~没有更多了~