html - 外部样式表没有效果,尽管有链接

标签 html css

这是我的代码:

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 文件时,开发人员工具中“elements”中的 headlink 标记闪烁紫色,但 CSS 未显示在“styles”中".

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

我盯着我的显示器看了一会儿,似乎无法弄清楚哪里出了问题。

最佳答案

你拼错了'stylesheet'

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

关于html - 外部样式表没有效果,尽管有链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50081711/

相关文章:

html - 为什么在网站加载时会出现此 Button 动画?

html - IE 和 Firefox 中的 CSS 绝对定位问题,但 Chrome 中没有 - Wordpress 模板

jquery - 带有 href# anchor 的链接不会打开 #div

javascript - 如何查看附加到 :hover and other pseudo classes in firebug and the chrome debugger 的样式

html - 我的导航栏中的 <ul> 延伸到页面的一侧

javascript - PushState 改变浏览器 URL 后刷新页面;它告诉我页面不存在

javascript - Bootstrap 4 抛出错误,未捕获类型错误?

php - 更改产品页面上的正文背景

php - 如何在 PHP 中添加 href 链接?

jquery - 如何防止滚动正文内容但允许在移动设备上滚动导航?