如何在不修改母版页的情况下将 CSS 添加到内容页？

Question

我们有许多网络表单的主页。所有这些网络表单的 CSS 都在母版页中。

这个特定的网络表单将使用相同的主页，但我不想将此网络表单的 CSS 添加到主页。

考虑到这个页面是临时的，我想在不触及母版页的情况下将 CSS 添加到我的内容页面。

是否可以在不触及母版页的情况下将 CSS 添加到内容页？

我的母版页 <head> 中确实有一个 ContentPlaceHolder。

Answer 1

我不确定我是否理解你的问题。但是您可以包含 CSS 内联元素并为您的网络表单提供特定的 id/class。

<style media="screen" type="text/css">
  .webform1{...}
</style>

如果这不是您需要的，请说明您的问题。

Answer 2

您可以在主页的标题部分添加占位符：

<asp:ContentPlaceHolder ID="Header" runat="server" />

那么您可以使用内容标签：

<asp:Content ID="Content1" ContentPlaceHolderID="Header" Runat="Server">  
     <link...>
</asp:Content>

在内容页面上，并将 css 文件引用放入其中。然后它将加载到该页面上。

Answer 3

您的母版页的 <head> 部分中有一个 ContentPlaceHolder。因此，您唯一需要做的就是在使用您的母版页的 ContentPlaceHolder 内容页面中指定您的 CSS 文件（母版页中没有更改）：

<asp:Content ID="contentHead" ContentPlaceHolderID="head" runat="server">
    <link href="fileName.css" rel="stylesheet" />
</asp:Content>

或者您可以使用内联样式：

<asp:Content ID="contentHead" ContentPlaceHolderID="head" runat="server">
    <style>
        .yourClass { ... }
    </stlye>
</asp:Content>

呈现页面时，内容页面的 CSS 将在母版页的 CSS 之后应用。

How can I add CSS to a content page without modifying master page?