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。

<强> Working Fiddle

原件：

@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。

css“重置”后，为什么我的链接有下划线？

1 个答案: