我有一个 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 { }