0

我整晚都在尝试制作一个下拉 CSS 菜单，出于某种原因，无论我如何弄乱编码，我的导航标签都没有拾取 CSS。

这是网站： http: //nellyswritingroom.tumblr.com/

CSS：

#nav {
    width: 100%;
    float: left;
    margin: 0 0 1em 0;
    padding: 0;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;  }
#nav ul {
    list-style: none;
    width: 800px;
    margin: 0 auto;
    padding: 0; }
#nav li {
    float: left; }
#nav li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #069;
    border-right: 1px solid #ccc; }
#nav li:first-child a {
    border-left: 1px solid #ccc; }
#nav li a:hover {
    color: #c00;
    background-color: #fff; }

的HTML：

<div id="nav">
    <ul>
        <li><a href="{text:Nav Link 1}">{text:Link 1 Name}</a></li>
        <li><a href="{text:Nav Link 2}">{text:Link 2 Name}</a></li>
        <li><a href="{text:Nav Link 3}">{text:Link 3 Name}</a></li>
        <li><a href="{text:Nav Link 4}">{text:Link 4 Name}</a></li>
        <li><a href="{text:Nav Link 5}">{text:Link 5 Name}</a></li>
        <li><a href="{text:Nav Link 6}">{text:Link 6 Name}</a></li>
    </ul>
</div>

我尝试了几种不同的方法来设置导航，例如使用 html 导航标签和样式......但它没有改变任何东西。由于某种原因，CSS 没有到达 HTML，这很奇怪，因为 CSS 对页面的其余部分工作正常。

我确定这是我忽略的事情，但任何帮助将不胜感激！

4

1 回答 1

1

这是您在“newstyle.css”中的问题

header#top h1{
    position:relative;
    width:500px;
    height:285px;
    overflow:hidden;
    float:left;
)

结束标签 ')' 应该是 '}'

于 2013-05-31T06:32:28.167 回答