Add css file to only a single page (ASP.NET master pages)

Question

How can I add a css file to only a child page while using ASP.NET master pages rather then specifying them in the master?

Adrian Iftode · Accepted Answer · 2012-03-05 09:28:43Z

14

In the master page

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

In the specific page

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
  <link href="~/pagecssfile.css" rel="stylesheet" type="text/css" />
</asp:Content>

answered Mar 5, 2012 at 9:28

Adrian Iftode

15.7k4 gold badges51 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Trajan Over a year ago

this one is actually a lot better since the <link> tag must be in the <head> part, for quick-rendering and w3c-compatibility reasons. Read more here : stackoverflow.com/questions/1642212/…

benscabbia Over a year ago

this is a really neat solution, +1

Asif Mukhida · Accepted Answer · 2012-03-05 09:28:45Z

4

You can specify it in child page inside the content as mentioned below

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<link href="Css/main.css" rel="stylesheet" type="text/css" />

scope of this css will remain for this page only

answered Mar 5, 2012 at 9:28

Asif Mukhida

1422 bronze badges

1 Comment

Trajan Over a year ago

references to css and js files should all be in the <head> section so they're loaded before the body is. Adrian Iftode's way is more w3c-compliant and more efficient.

Collectives™ on Stack Overflow

Add css file to only a single page (ASP.NET master pages)

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related