为什么在 css "reset" 之后我的链接上有下划线？

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线背后的;。