列表項目類別的語法

Question

我有這個無序列表，我希望每個列表項目都具有一定的寬度（因爲列表項目的文本在長度上有很大差異，我認爲要指定每個列表項目的寬度個人清單項目）。大多數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

會讓我控制屏幕上的列表中元素的寬度，但是這似乎並沒有發生。 （＃導航是指包含列表的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%; 
}