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

クラス名.であることを示す がありません: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 に答える