javascript - 跳过 HTML 母版页 (.net) 中的一些 css 文件：可能吗？

Question

我有一个链接了 6 个 css 文件的站点，但是在一个页面中我只需要使用 3 个 css 文件。我的开发人员在.net 中使用母版页，所以他们不想改变它。所以，我的问题是：有什么办法可以跳过几个链接的 css 文件？

Answer 1

它不是很“优雅”，但您可以使用 jQuery 脚本来操作和删除链接：

<script type="text/javascript">
        $(document).ready(function () {
           $("link[type='text/css']").remove();
        });
    </script>

您可以使用 jQuery 选择器来优化搜索。IE

 $("link[href='Styles/Site.css']").remove();

Answer 2

另一个解决方案（不需要 jQuery）是向母版页添加一个配置属性，如下所示：

站点.Master.cs

private bool _IncludeOtherCss = true;
public bool IncludeOtherCss {
 get { return _IncludeOtherCss; }
 set { _IncludeOtherCss = value; } 
}

Site.Master（头部）

<%if (IncludeOtherCss)
  { %>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
  <%} %>

其他页面：

 protected void Page_Init(object sender, EventArgs e)
        {
            (Master as SiteMaster).IncludeOtherCss = false;
        }