如何使用考拉编译Sass并将其链接到index.html中

我在学sass。我用考拉把main.scss文件编译成main.css.file，但我所有的风格都没有反映在网页上。也许我有点不对劲

//这是scss文件的一部分

.navbar-brand{
  color: $nav-color;
  font-family: $nav-font;
}

//这就是我在index.html中链接已编译css文件的方式

<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="styelsheet" href="css/main.css">
<title>Just Sass</title>

胡说八道

main.css是编译后的文件

---

我做错了什么？

这与Sass有什么关系？你编译了吗？您是否查看了生成的输出以查看它是否包含您期望的内容？@cimmanon。是的，我编译了它，但它没有生成任何输出。整个网页只是没有设计样式。我有一个main.scss文件，它已经用考拉编译成main.css。