Html NETMVC的使用

我有一个MVC项目，我想在这里创建一个scss文件并编写元素样式。我创建了Main.scss文件并编写了：

$primary-color: #4f637c;
.navbar-static-top {

  background-color: $primary-color;
}

在Index.cshtml中，我引用了scss文件：

 <link href="~/Content/Main.scss" rel="stylesheet" />  

---

但它不起作用。我以前没有使用过scss，如何使用它？

为此，您需要使用sass编译器将

scss

文件编译为

css

文件

编译器

• 代码包（付费）
• Compass.app（付费、开源）
• 幽灵实验室（付费）
• 锤子（已付）
• 考拉（开源）
• LiveReload（付费、开源）
• 预印本 （付费）Scout（开源）

SCSS

（和

SASS

，

LESS

）是预处理器脚本语言，需要编译这些语言来创建

CSS

文件，并将其用作

CSS

文件

如果您使用的是Visual Studio，Mads Kristensen制作了一个非常好的插件，名为

它为您编译文件，以便将

SCSS

文件中的任何更改自动编译到

CSS

文件中

编译

.scss

文件后，您需要指向

.css

文件：

<link href="~/Content/Main.css" rel="stylesheet" />