How to reference a .css file on a razor view?

by

For CSS that are reused among the entire site I define them in the <head> section of the _Layout:

<head>
    <link href="https://stackoverflow.com/questions/5021552/@Url.Content("~/Styles/main.css")" rel="stylesheet" type="text/css" />
    @RenderSection("Styles", false)
</head>

and if I need some view specific styles I define the Styles section in each view:

@section Styles {
    <link href="https://stackoverflow.com/questions/5021552/@Url.Content("~/Styles/view_specific_style.css")" rel="stylesheet" type="text/css" />
}

Edit: It’s useful to know that the second parameter in @RenderSection, false, means that the section is not required on a view that uses this master page, and the view engine will blissfully ignore the fact that there is no “Styles” section defined in your view. If true, the view won’t render and an error will be thrown unless the “Styles” section has been defined.

More Related Contents:

  1. How do I add a class to an @Html.ActionLink?
  2. MVC Bundling and CSS relative URLs
  3. How do I apply a CSS class to Html.ActionLink in ASP.NET MVC?
  4. Dynamic CSS for ASP.NET MVC?
  5. @media media query and ASP.NET MVC razor syntax clash
  6. Is there a “previous sibling” selector?
  7. Align inline-block DIVs to top of container element
  8. What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?
  9. CSS selector for first element with class
  10. How to change the color of an svg element?
  11. Text in a flex container doesn’t wrap in IE11
  12. How do I make an html link look like a button?
  13. How to add a color overlay to a background image? [duplicate]
  14. Managing CSS Explosion
  15. Common CSS Media Queries Break Points [duplicate]
  16. How to validate vendor prefixes in CSS like -webkit- and -moz-?
  17. How to display a reverse-ordered list in HTML?
  18. YouTube Video Embedded via iframe Ignoring z-index?
  19. Can you use if/else conditions in CSS?
  20. How can I remove space (margin) above HTML header?
  21. DIV’s vs. Tables or CSS vs. Being Stupid
  22. Two-tone background split by diagonal line using css
  23. Can type selectors be repeated to increase specificity?
  24. How to get current page URL in MVC 3
  25. Should border-radius clip the content?
  26. Expanding the parent container with 100% height to account for floated content
  27. Center fixed div with dynamic width (CSS)
  28. How to use images in css with Webpack
  29. SASS calculate HSL Difference between 2 colours
  30. How to style menu button and menu items

Leave a Comment