SharePoint：使用 CssRegistration 类注册 CSS 文件时排序 CSS 引用时出现问题

Question

我正在开发一个需要一些自定义 CSS 文件的 Web 部件。因此，我使用 CssRegistration 类将它们添加到页眉中。

该代码注册了 4 个 CSS 文件，这些文件通过 Web 部件功能部署到布局文件夹中。当 Web 部件的属性 AdditionalCss 中设置了第五个 CSS 文件的路径时，可以选择注册第五个 CSS 文件。 CSS 文件应插入到标头中的所有 SharePoint CSS 文件之后，并应按代码添加的顺序排序。

我使用的代码如下：

var contentCss = new CssRegistration 
                 { Name = "/_layouts/MyWebPart/css/content.css", 
                   RevealToNonIE = true };

if (SPContext.Current.Web.UIVersion == 4)
     contentCss.After = "corev4.css";
else
     contentCss.After = "core.css";

Controls.Add(contentCss);

var customCss = new CssRegistration 
                { Name = "/_layouts/MyWebPart/css/cn_custom.css",
                  After = contentCss.Name, RevealToNonIE = true };
Controls.Add(customCss);

var styleCss = new CssRegistration 
               { Name = "/_layouts/MyWebPart/css/styles.css", 
                 After = customCss.Name, RevealToNonIE = true };
Controls.Add(styleCss);

var colorsCss = new CssRegistration 
                { Name = "/_layouts/MyWebPart/css/colors.css",
                  After = styleCss.Name, RevealToNonIE = true};
Controls.Add(colorsCss);            

if (!string.IsNullOrEmpty(AdditionalCss))
{
    var webPartCustomCss = new CssRegistration 
                           { Name = AdditionalCss, 
                             After = colorsCss.Name, 
                             RevealToNonIE = true };            
     Controls.Add(webPartCustomCss);
}

当我将 Web 部件添加到页面时，所有 CSS 文件都会按预期添加到页面。除了文件按错误的顺序排序之外。

如果没有自定义 CSS 文件，顺序是：（链接的 rel- 和 type-attribute 已被删除，以便更好地概览）

...
<link href="/_layouts/1033/styles/Themable/corev4.css"/>
<link href="/_layouts/MyWebPart/css/colors.css"/>
<link href="/_layouts/MyWebPart/css/content.css"/>
<link href="/_layouts/MyWebPart/css/cn_custom.css"/>
<link href="/_layouts/MyWebPart/css/styles.css"/>

使用自定义 CSS 文件，顺序是：

... 
<link href="/_layouts/1033/styles/Themable/corev4.css"/>
<link href="/_layouts/MyWebPart/css/cn_custom.css"/>
<link href="/sites/mysite/Style%2520Library/de-de/test.css"/>
<link href="/_layouts/MyWebPart/css/styles.css"/>
<link href="/_layouts/MyWebPart/css/content.css"/>
<link href="/_layouts/MyWebPart/css/colors.css"/>

正如您所看到的，两种情况都提供了完全不同的顺序，并且 CSS 文件从来没有按代码添加的顺序排序。

由于这种奇怪的行为，整个 CssRegistration 类不是很有用，因为你不能 传递 CSS 文件始终保持相同的顺序。这使得使用 CSS 进行设计几乎不可能。

Answer 1

您看过 CssRegistration 控件的“After”属性吗？我认为，如果您不使用此属性指定顺序，那么结果将按源中的字母顺序排列。这与您所看到的并不完全相符，但可能还有其他原因导致您的行为不一致。

http://www .wictorwilen.se/Post/What-is-new-with-the-CssRegistration-control-in-SharePoint-2010.aspx