次のように始まるhtmlメニューがあります。
<nav id='main'>
<ul>
私のCSSファイルは次のようになります:
nav #main ul {
list-style: none;
}
しかし、何らかの理由で、これはうまくいかないようです...何が間違っていますか?
次のように始まるhtmlメニューがあります。
<nav id='main'>
<ul>
私のCSSファイルは次のようになります:
nav #main ul {
list-style: none;
}
しかし、何らかの理由で、これはうまくいかないようです...何が間違っていますか?
使ってみてください
nav#main ul {
list-style: none;
}
nav
つまり、との間のスペースを削除します#main
-スペースを使用すると、のid属性であると言う代わりに#main
、の子孫であることを示します。nav
#main
nav
スペースは子孫セレクタです。
このスタイルを次のものに適用しようとしています:
<ul>
それを持つオブジェクトからのすべての子孫は、オブジェクトのid="main"
子孫です<nav>
。代わりに、スタイルを次のものに適用する必要があります。
<ul>
子孫。<nav>
id="main"
最初のスペースを削除して実行できます。
nav#main ul {
list-style: none;
}
スペースを削除します
nav#main ul {
list-style: none;
}
それは本当にあるべきです
nav#main ul { }