Question

我正在尝试使用CSS修改我的导航栏，但是我添加到CSS中的任何内容都不会在页面上发生变化。

这是我的HTML和CSS代码：

HTML：

<!DOCTYPE html>
<html lang=en>
<head>
<title>Sketch</title>
<meta charset = "UTF-8">
<link rel="stylesheet" type="text/css" href="css/general.css">
</head>
<body>

<div id="nav">
<ul>
<li><a href="index.html">Home</a></li>
</div>

</body>

这是我的CSS：

.nav{
width:100%;
height:30px;
text-align:center;
background:#f1f1f1;
}

Answer 1

应该是#nav而不是.nav

Answer 2

你做错了，.nav应该是#nav

Answer 3

您已使用导航div的ID（＃）。

将其更改为类或将CSS更改为

#nav{
width:100%; <-- BTW not required, all divs are 100% width by default
height:30px;
text-align:center;
background:#f1f1f1;
}

Answer 4

您的样式设置为类.net没有标识#nav，这应该与您的节点匹配：

#nav{
  width:100%;
  height:30px;
  text-align:center;
  background:#f1f1f1;
}

无法使用CSS导航栏

4 个答案: