Question

这是我的代码：

body { font-size: 4em; }

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Hi</title>
  <link href="css/main.css"
        rel="styleshet">
</head>
<body>

Hello!

</body>
</html>

当我保存CSS文件时，开发人员工具中“{1}}和”{}}中的head标签闪烁紫色，但CSS没有显示在“样式”中。

当我通过资源管理器而不是实时服务器打开index.html时也是如此。

我一直盯着我的显示器一段时间，似乎无法弄清楚什么是错的。

Answer 1

你错误拼写了'样式表'

...
<link href="css/main.css" rel="stylesheet" />
...

虽然链接，但外部样式表没有任何效果

1 个答案: