Question

例如，在该html代码中，我在外部test.css中添加了list-style-type: none;。当FireFox加载该页面时，dots (list-style-type without none)可以看到大约一秒钟。只有内联css有效<ul id="categories" style="list-style-image: none; list-style-type: none;">

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="test.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div>TODO write content</div>
        <ul id="categories">
            <li><a>Test1</a></li>
            <li><a>Test2</a></li>
            <li><a>Test3</a></li>
        </ul>
    </body>
</html>

ScreenShot

Answer 1

我刚刚在Firefox和Windows上尝试过它，两者都适合我。显然，这个Flash of Unstyled Content（FOUC）不会在每个人的浏览器上发生。

如果您坚持要求解决此问题，您可以考虑使用一些解决方法，例如将<link>放入body，使用@import导入您的CSS，或google it ...

Answer 2

使用此css删除点：

ul
{
    list-style:none;
}

以下是working demo

list-style-type的问题：无;在FireFox中

2 个答案: