.NET 6中能否在CSS文件中实现依赖注入？

直接在.css文件里使用@inject或Razor语法是行不通的——因为静态CSS文件不会被ASP.NET Core的Razor引擎解析，它只会被当作纯文本资源返回给浏览器，里面的C#代码不会被执行。

你可以用以下几种替代方案实现动态样式：

1. 在Razor页面中内联CSS #

把需要配置的样式直接写在Razor页面的<style>标签里，这样就能直接使用注入的配置：

@using Microsoft.Extensions.Configuration
@inject IConfiguration Configuration

<style>
.mystyle {
    background-image: url('@Configuration["image"]');
}
</style>

2. 用Razor生成动态CSS文件 #

创建一个Razor视图文件来动态生成CSS内容，让ASP.NET Core解析其中的C#代码：

• 新建一个Razor页面（比如DynamicStyles.cshtml）
• 设置响应内容类型为text/css，然后注入配置编写样式：

@using Microsoft.Extensions.Configuration
@inject IConfiguration Configuration
@{
    Response.ContentType = "text/css";
}

.mystyle {
    background-image: url('@Configuration["image"]');
}

之后在页面里引用这个Razor页面的路径即可：

<link rel="stylesheet" href="/DynamicStyles">

3. 结合CSS变量与Razor页面 #

先在Razor页面的全局样式中定义CSS变量，再在普通CSS文件中引用这些变量：
在Razor页面中：

@inject IConfiguration Configuration

<style>
:root {
    --bg-image-url: url('@Configuration["image"]');
}
</style>

在普通.css文件中：

.mystyle {
    background-image: var(--bg-image-url);
}

内容的提问来源于stack exchange，提问作者Mary