2017-02-17 54 views
0

我们有许多webforms的主页。所有这些Web表单的CSS都在主页面中。如何在不修改母版页的情况下将CSS添加到内容页面?

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

考虑到这个页面是临时的,我想添加CSS到我的内容页面而不用触摸母版页。

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

我在母版页的<head>中有一个ContentPlaceHolder

回答

2

您在Master Page的<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之后。

+0

你还可以为你的答案添加“内联样式”吗?由于我使用内联样式而不是css文件。这样我就会清除我的答案。谢谢。 – rbhat

1

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

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

如果这不是你所需要的,请说明你的问题。

+0

我想添加CSS到我的内容页面而不用触摸母版页。 – rbhat

+1

@rbhatup您可以将CSS添加到您的内容页面。 CSS不会*在您网页的''中,尽管这样做很好。 – mason

1

您可以在母版页头部分中添加一个占位符:

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

然后,你可以使用内容标签:

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

内容网页上,并把css文件在里面引用。然后它只会在该页面上加载。

+0

,而不是引用一个css文件,你也可以在内容标签内放入只包含