How to conditionally add a bit of CSS to a page in ASP.NET MVC?

Question

I have a CSS stylesheet defined in the Master Page of my project. On one of the pages/views that inherits from the Master Page, I need to add another CSS stylesheet (I could also add it inline, though I'd rather not).

However, how to do this escapes me. Is this even possible?

Ray Lu · Accepted Answer · 2010-03-21 02:04:22Z

2

In your master page, you can have

<!-- in Master Page  --> 
<head runat="server">
    <link href="Style.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="header" runat="server">
    </asp:ContentPlaceHolder>
</head>

In your view page, you can add more into the header,

<!-- in view Page -->  
<asp:Content ID="viewContent" ContentPlaceHolderID="header" runat="server">
    <link href="Style1.css" rel="stylesheet" type="text/css" />
</asp:Content>

The final page will be rendered as

<head runat="server">
    <link href="Style.css" rel="stylesheet" type="text/css" />
    <link href="Style1.css" rel="stylesheet" type="text/css" />
</head>

answered Mar 21, 2010 at 2:04

Ray Lu

26.7k12 gold badges63 silver badges59 bronze badges

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

Comments

Anthony Pegram · Accepted Answer · 2010-03-21 01:51:13Z

1

The header area of the master page can include a ContentPlaceHolder control. The child page can utilize this control to specify scripts or stylesheets to be consumed by the child. The contents of this place holder can obviously vary from child to child and is obviously not required to be used.

answered Mar 21, 2010 at 1:51

Anthony Pegram

128k28 gold badges229 silver badges252 bronze badges

Collectives™ on Stack Overflow

How to conditionally add a bit of CSS to a page in ASP.NET MVC?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related