如何为剃刀编写带有转义字符的动态内部 css？

Question

我正在尝试在剃须刀中添加动态内部 css。我不能使用外部文件。我想在我的 cshtml 文件的 head 元素中添加一些 css 。

例如：我想给一些元素添加一些背景图片。我正在添加我尝试过的简化代码。在实际情况下，列表类和 url 将是动态的。

@string.Join("\n\n", new List<string> { ".someClass{background: url('urlToMyImage')}" })

这种方法的问题是我在转义字符 ' 和 \n 时遇到问题。我得到 .someClass{background: url('urlToMyImage')}

我也尝试使用 @Html.Raw 但没有成功。

Answer 1

您的思路与 @Html.Raw 是一致的。我不确定你是如何实现它的，但这会起作用：

@Html.Raw(string.Join("\n\n", new List<string> { ".someClass{background: url('urlToMyImage')}" }))

稍长一点的：

@{
     string output;

     output = string.Join("\n\n", new List<string> { ".someClass{background: url('urlToMyImage')}" });
     @Html.Raw(output);
 }

如何为剃刀编写带有转义字符的动态内部 css？

How to write dynamic internal css with escaped characters for razor?

css

escaping

razor