2017-02-17 51 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文件,你也可以在內容標籤內放入只包含