Question

我的导航ID样式设置有问题。我觉得我正在做的一切都正确，但是当我刷新它时，我的HTML并没有识别出我的样式。我做错了什么？

这是HTML代码 -

<body>
    <div id="Navigation">
        <ul>
            <li> Marketing </li>
        </ul>
    </div>

这是id的样式 -

#Navigation {
    width: 20%;
    height: 70%; 
    background-color: #FC0;
    border: 2px solid #000;
    color: #FFF;
    margin: 0 auto
}

Answer 1

您永远不会关闭div标签。

<div id="Navigation"></div>

并确保你的CSS有一个结束的花括号。

#Navigation {
    width: 20%;
    height: 70%; 
    background-color: #FC0;
    border: 2px solid #000;
    color: #FFF;
    margin: 0 auto;
}

Answer 2

看起来你的CSS文件有一个UTF-8 BOM。尝试重新创建文件，或在每个规则前面添加/* */。例如：

/* */
#Navigation {
  width: 20%;
  height: 70%; 
  background-color: #FC0;
  border: 2px solid #000;
  color: #FFF;
  margin: 0 auto;
}