来自内容页面的CSS样式表

时间:2011-09-15 13:32:28

标签: css master-pages

我有一个内容页面,其中包含一个样式表的链接,我希望该页面特定于该页面,即我希望设计在加载时特定于该页面,并取代它在contentplaceholder中的位置。主页。

在我的内容页面中:

  <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">  
      <link href="~/Styles/StyleSheet1.css" rel="stylesheet" type="text/css" />
  </asp:Content>

在我的主页上:

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

MY STYLE SHEET~ / Styles / StyleSheet1.css就是举例来说我会将这个id提供给我的内容页面中的某个表格。

       #defualt_tbl
       {
          background-color:Gray;
       }

       <table id="defualt_tbl">

当我在母版页中点击viewsource时,表格不会变为灰色。

        <link href="~/Styles/StyleSheet1.css" rel="stylesheet" type="text/css" />

3 个答案:

答案 0 :(得分:1)

您只能在服务器控件中使用~根说明符,浏览器不会理解该URL,并且即使它也不知道您的应用程序根目录。

runat="server"放入link标记,或使用相对于网站根目录的网址:

<link href="/Styles/StyleSheet1.css" rel="stylesheet" type="text/css" />

答案 1 :(得分:1)

我不确定你是否可以使用波浪号〜作为链接中的路径。我认为代字号(〜)是一个.net快捷方式,因为你只是渲染html浏览器赢了;知道在哪里看。

答案 2 :(得分:1)

找到它了!

但我相信你的答案也可以。

  <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
     <link href='<%= ResolveClientUrl("~/Styles/StyleSheet1.css") %>' rel="stylesheet"    type="text/css" />
  </asp:Content>