изменение css на путь меню

Question

Я использую jquery, superfish для создания динамического меню. Но у меня возникают проблемы при добавлении жирного класса к выбранному пути. Я могу выбрать правильное подменю и извлечь нужных родителей. Но когда я хочу применить свойство bold css к элементу и родителям. Каждый предмет становится жирным. Когда я ясно вижу, что некоторые дочерние элементы не имеют класса bold css.

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

Answer 1

Дети, вероятно, унаследовали жирное от своих смелых родителей. Например, если вы используете вложенные списки, класс «полужирный» для родительского элемента li в сочетании со стилем font-weight:bold; для этого класса сделает все в этом li полужирным, включая дочерние элементы без класса полужирного. Вам, вероятно, понадобится css, похожий на следующий:

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

Кроме того, «жирный» - это плохое имя для этого класса - вы хотите описать семантику, а не отображение. Я бы использовал что-то вроде «выделенный», «выделенный» или «активный».

Пример.