-4

我正在尝试使用 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;
}
4

4 回答 4

3

它应该是#nav而不是.nav

于 2013-09-24T12:13:55.300 回答
2

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

于 2013-09-24T12:14:58.303 回答
2

您为导航 div 使用了 ID (#)。

将其更改为一个类或将您的 CSS 更改为

#nav{
width:100%; <-- BTW not required, all divs are 100% width by default
height:30px;
text-align:center;
background:#f1f1f1;
}
于 2013-09-24T12:15:09.157 回答
1

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

#nav{
  width:100%;
  height:30px;
  text-align:center;
  background:#f1f1f1;
}
于 2013-09-24T12:15:14.517 回答