列表项类的语法

Question

我有这个无序列表，我希望每个列表项都是一定的宽度（因为列表项的文本长度变化很大，我认为，我已经指定了每个列表项的宽度）。我不能编辑大多数HTML（我正在修改模板），但我可以编辑我想要的CSS（我认为），并且在我的浏览器中使用Inspect Element，我发现列表的HTML item看起来像这样：

<li class="w-menu-item wsite-nav-3" style="position: relative;">

因此我想出了

#navigation .w-menu-item wsite-nav-3 {
width: 5%;
}

CSS中的

会让我控制屏幕上列表元素的宽度，但这似乎并没有发生。 （#navigation指的是包含列表的div。）我的语法错误，或者是否存在其他问题？如果不是这样，那么我该如何指定列表的宽度及其元素呢？

Answer 1

您错过了.，表示wsite-nav-3是一个班级名称：

#navigation .w-menu-item.wsite-nav-3 {
/*                      ^            */
    width: 5%;
}

Answer 2

应该是

#navigation .w-menu-item.wsite-nav-3 {
width: 5%;
}