0

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

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

因此我发现

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

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

4

2 回答 2

3

您缺少 a .，这表明这wsite-nav-3是一个类名：

#navigation .w-menu-item.wsite-nav-3 {
/*                      ^            */
    width: 5%;
}
于 2013-09-01T17:19:08.290 回答
1

它应该是

#navigation .w-menu-item.wsite-nav-3 {
width: 5%;
}
于 2013-09-01T17:19:43.910 回答