Css 链接和样式标记在cshtml中获取XHTML警告
我试着用Css 链接和样式标记在cshtml中获取XHTML警告,css,razor,Css,Razor,我试着用 <link href="@Url.Content("~/Content/Extras.css")" rel="stylesheet" type="text/css" /> 所以我试过了 <style></style> 我如何遵守此验证?正如Alirizaadiyahsi在一条评论中链接的那样(尽管它已被删除),此警告的原因是和标记只能放在文档的头部 这对我来说是一个问题,因为我希望在asp.net mvc 3站点中的某些区域具有自定义样式。为了
<link href="@Url.Content("~/Content/Extras.css")"
rel="stylesheet" type="text/css" />
所以我试过了
<style></style>
我如何遵守此验证?正如Alirizaadiyahsi在一条评论中链接的那样(尽管它已被删除),此警告的原因是
和
标记只能放在文档的头部
这对我来说是一个问题,因为我希望在asp.net mvc 3站点中的某些区域具有自定义样式。为了解决这个问题,我做了以下工作:
<script type="text/javascript">
var x = document.createElement("link");
x.setAttribute("href",'@(Url.Content("~/Content/Extras.css"))');
x.setAttribute("rel", "stylesheet");
x.setAttribute("type", "text/css");
$('head')[0].appendChild(x);
</script>
var x=document.createElement(“链接”);
x、 setAttribute(“href”,@(Url.Content(“~/Content/Extras.css”));
x、 setAttribute(“rel”、“样式表”);
x、 setAttribute(“类型”、“文本/css”);
$('head')[0].appendChild(x);
@alirizaadiyahsi-这个链接确实很好地解释了为什么会发生这种情况。我将发布一个答案,展示如何在几分钟内将链接标记动态附加到头部。不确定这是否有助于警告,但在第一个示例中,您有一个报价问题。您不能在带引号的属性值中加引号。@MrLister-谢谢您的建议,但razor引擎实际上会将其编译成一个字符串,该字符串将位于外部引号内。
"Validation (XHTML 1.0 Transitional): Element 'style' cannot be
nested within element 'style'."
<script type="text/javascript">
var x = document.createElement("link");
x.setAttribute("href",'@(Url.Content("~/Content/Extras.css"))');
x.setAttribute("rel", "stylesheet");
x.setAttribute("type", "text/css");
$('head')[0].appendChild(x);
</script>