根据编译配置更改母版页中 CSS 文件的位置

Question

Visual Studio 2010 有一个非常酷的新功能。您现在可以添加转换文件，这些文件将根据您正在编译的配置更改 web.config 文件。其结果是您可以为您的各种环境（例如：开发、登台、生产等）更改 web.config 文件。

对于 web.config 文件来说这一切都很好，但是其他可能需要如此细心照顾的页面又如何呢？例如，我们的母版页在不同的环境中指向不同的 CSS 文件位置（是的，我知道，这不是我的想法，我无法更改它）。有没有一种很酷和/或优雅的方式来进行改变？

我尝试使用

  <appSettings>
    <add key="pathPrefix" value="/OAFA/"  xdt:Transform="Replace" xdt:Locator="Match(key)"/>
   </appSettings>

然后在母版页中添加以下内容。 PathPrefix 是一个简单的属性，仅查询 Web 配置中的值。

    <script src="<%= PathPrefix %>scripts/jquery-1.3.2.js" type="text/javascript"></script>

这对于脚本来说非常有用，但对此却很糟糕......

    <link rel="Stylesheet" href="<%= PathPrefix %>css/main.css" />

在这种情况下，它只编码“<%=”和“%>”这远不理想。有什么想法吗？

Answer 1

将 ID 和 runat="server" 属性添加到链接中，如下所示：

<link id="StylesheetLink" runat="server"
      rel="stylesheet" href="stylesheet1.css" type="text/css" />

然后您可以在代码隐藏中以编程方式更改样式表的源代码，如下所示：

StylesheetLink.Attributes["href"] = "stylesheet2.css";