Question

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

这个特定的webform将使用相同的母版页，但我不想将此webform的CSS添加到母版页。

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

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

我的母版页ContentPlaceHolder中有<head>。

Answer 1

您的母版页的ContentPlaceHolder部分中有<head>。因此，您唯一需要做的就是在使用母版页的内容页面的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之后。

Answer 2

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

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

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

Answer 3

您可以在主页内的母版页中添加占位符：

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

然后你可以使用内容标签：

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

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