2

次のように始まるhtmlメニューがあります。

<nav id='main'>
<ul>

私のCSSファイルは次のようになります:

nav #main ul {
    list-style: none;
}

しかし、何らかの理由で、これはうまくいかないようです...何が間違っていますか?

4

4 に答える 4

7

使ってみてください

nav#main ul {
  list-style: none;
}

navつまり、との間のスペースを削除します#main-スペースを使用すると、のid属性であると言う代わりに#main、の子孫であることを示します。nav#mainnav

CSS2でのパターンマッチングについては、こちらのドキュメントを参照してください

于 2013-01-17T16:43:04.890 に答える
6

スペースは子孫セレクタです。

このスタイルを次のものに適用しようとしています:

  • <ul>それを持つオブジェクトからのすべての子孫は、オブジェクトのid="main"子孫です<nav>

代わりに、スタイルを次のものに適用する必要があります。

  • を持つオブジェクトのすべての<ul>子孫。<nav>id="main"

最初のスペースを削除して実行できます。

nav#main ul {
   list-style: none;
}
于 2013-01-17T16:45:30.810 に答える
2

スペースを削除します

nav#main ul {
   list-style: none;
}
于 2013-01-17T16:43:03.927 に答える
2

それは本当にあるべきです

nav#main ul { }
于 2013-01-17T16:43:10.230 に答える