在css"重置"之后,为什么我的链接有下划线？

Question

我在这里创造了一个小提琴:http://jsfiddle.net/zY3rL/1/

在我的CSS中,我通过执行以下操作重置链接样式:

@import "http://necolas.github.io/normalize.css/3.0.0/normalize.css"
@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300"

a { text-decoration: none; }
ol,ul { list-style: none; margin: 0; padding: 0; }

为什么这段代码中的链接仍然有下划线？

<ul class="menu">
    <li>
        <a href="">Invoicing</a>
        <ul>
            <li><a href="">Create an Invoice</a></li>
            <li><a href="">View sent Invoices</a></li>
            <li><a href="">View rejected Invoices</a></li>
        </ul>
    </li>
</ul>

Answer 1

你需要;在每一@import行后面.由于没有,因此没有应用第一行CSS.

工作小提琴

原版的:

@import "http://necolas.github.io/normalize.css/3.0.0/normalize.css"
@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300"

a { text-decoration: none; }

CSS continues...

固定:

@import "http://necolas.github.io/normalize.css/3.0.0/normalize.css";
@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300";

a { text-decoration: none; }


CSS continues...

注意;每@import行后面.