Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 链接和样式标记在cshtml中获取XHTML警告_Css_Razor - Fatal编程技术网

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>