Question

所以我有一个简单的html文件，其中包含3个外部css文件。

<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <title>some website</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" type="style/css" href="style/reset.css" charset="utf-8"/>
    <link rel="stylesheet" type="style/css" href="style/shared.css" />
    <link rel="stylesheet" type="style/css" href="style/home.css" />
    <!--[if lt IE 9]>
        <script src="scripts/html5shiv.js" type="text/javascript"></script>
    <[end if]-->
</head>
<body>
</body>
</html>

css文件在Safari中运行良好，但Firefox和Google Chrome都无法识别所有三个css文件。同样的问题在Opera。

我仔细检查了文件路径，添加了charset =＆＃34; utf-8＆＃34;在适当的情况下，并尝试清理缓存，删除我的用户帐户库中的所有相关文件，并重新安装这两个浏览器。仍然是同一个问题。

我正在使用macOS 10.13.4（17E202）在Mac上本地测试网站

Safari版本11.1（13605.1.33.1.4）

Google Chrome版本66.0.3359.139（官方版本）（64位）

Firefox版本59.0.3（64位）

Opera版本52.0.2871.99

检查员状态的一些屏幕截图。

Firefox Style Editor shows no style sheet

Google Chrome does not list css files as well

如您所见，图像和javascript文件都很好。

我做错了什么？有什么建议吗？

以某种方式改变与css文件相关的三行解决了这个问题。

<link rel="stylesheet" href="style/reset.css">
<link rel="stylesheet" href="style/shared.css">
<link rel="stylesheet" href="style/home.css">

Answer 1

type属性应指定为type="text/css",您已编写type="style/css"更改它并尝试并确保您的路径正确。如果有任何404错误，请检查您的浏览器。

   <link rel="stylesheet" type="text/css" href="style/shared.css" />

Link For Reference

外部CSS在Safari中运行良好，但在Firefox，Google Chrome或Opera中无效

1 个答案: