无法在 Chrome DevTools 中将菜单字体更改为粗体

我想把菜单项的字体改成粗体，所以我这样做：

 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-161"><a href="https://www.datanumen.com/products/">Products</a></li>

li.menu-item.menu-item-type-post_type.menu-item-object-page {
    font-weight: bolder;
}

我希望使所有菜单项更粗，因此我选择了与 menu-item-object-page 一样特定的说明符，而不是 menu-item-161。

然后这样做之后，什么也没有发生。菜单项完全没有变粗。

下面是我所做的：

只是想知道我做错了什么？非常感谢。

更新

刚刚使用以下 css 规则将菜单项加粗：

#menu-main-menu-1 li a {
    font-weight: bold;
}

但还有一个问题是，看起来粗体和粗体都是一样的，见下文：

在你的css中你错过了“a”

li.menu-item.menu-item-type-post_type.menu-item-object-page a {
    font-weight: bolder;
}

总是选择 id 而不是类，因为 id 是唯一的，所以不要混淆，因为你的 ul 标签中有 id

给出以下css

#menu-main-menu-1 li a {
    font-weight: bolder;
}

@alanac 您使用的字体家族必须支持该 css 属性。我尝试使用 font-weight: 1000;这就是可以为该字体设置的更大胆的外观。

, 应用于子 font-weight 元素的

a 在这里优先。您应该定位 a 内的 li 元素，而不是 li。

li.menu-item.menu-item-type-post_type.menu-item-object-page a {
    font-weight: bolder;
}

使用以下代码

.desktop-nav>ul>li>a {
    font-weight: 900 !important;
}
or
.desktop-nav>ul>li>a {
    font-weight: bolder !important;
}

字体粗细应该放在锚标签上。

同意答案，您需要定位 'a' 元素。

检查它是否不是从另一个 css 声明应用的继承。