我有一个 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
使用空格表示#main
是后代nav
而不是说#main
是 id 属性nav
空间是后代选择器。
您正在尝试将此样式应用于:
<ul>
一个对象的所有后代id="main"
都是一个对象的后代<nav>
。您应该改为将样式应用于:
<ul>
后代。<nav>
id="main"
可以删除第一个空格:
nav#main ul {
list-style: none;
}
删除空间
nav#main ul {
list-style: none;
}
它真的应该是
nav#main ul { }