CSS list-style 和 text-decoration 无效答案

【问题标题】：CSS list-style and text-decoration having no effectCSS list-style 和 text-decoration 无效
【发布时间】：2015-05-02 18:00:18
【问题描述】：

这让我发疯了。这个非常简单的事情是行不通的，我不知道我错过了什么。 list-style: none 和 text-decoration: none 对在浏览器中运行的最终产品绝对没有影响。该列表仍然有项目符号，并且链接仍然带有下划线。这是 HTML：

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Porshe</title>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">     </script>
    <link rel="stylesheet" href="styles/main.css">
</head>

<body>
    <header>
        <img src="images/logo.jpg" alt="logo"/>
    </header>
    <nav id="nav1">
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="content/cars.html">Our Cars</a></li>
            <li><a href="content/staff.html">Our Staff</a></li>
            <li><a href="content/accessories.html">Accessories</a></li>
            <li><a href="content/locs.html">Our Locations</a></li>
            <li><a href="content/sales.html">Sales Events</a></li>
            <li><a href="content/contact.html">Contact Us</a></li>
        </ul>
    </nav>
    <section>


    </section>
    <footer>

    </footer>
</body>
</html>

CSS：

article, aside, figure, footer, header, nav, section {
display: block;

}
html{
    background-image: url(../images/gradient_gray-silver1.jpg)

}
body {
    font-family: Tahoma;
    width: 1000px;
    margin: auto;
    background-color: white;

}
header img{
    display: block;
    margin: 0 auto;

nav {
    float: left;
}

#nav1 ul{
    list-style: none;
}
#nav1 li a{
    display: block;
    text-decoration: none;

}

【问题讨论】：

应该可以删除问题，因为你刚刚错过了一个右括号。

标签： html css

【解决方案1】：

见fiddle

您在 CSS 中错过了 } 和 header img

header img{
    display: block;
    margin: 0 auto;
}

【讨论】：

【解决方案2】：

您在之后缺少一个右大括号

header img{
    display: block;
    margin: 0 auto;

JSfiddle Demo

【讨论】：