Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Page specific CSS styling, but where to put the code?

Tags:

css

header

Apart from the global.css i'm including in my header.php, i would also like to load certain page-content specific styles.

But since my <head></head> is already covered by my header file, and i don't wish to resort to inlines, what is the best way to place the styles on the specific page?

Thanks ! :D

like image 873
n a Avatar asked Feb 28 '23 02:02

n a

1 Answers

I would try one of the following:

  1. Break the header.php in 2 distinct files to allow any pages including it to add their own link tags
  2. At the top of the file, before including header.php, set an array like $included_css containing styles (style1.css, style2.css). Then in header.php you can do a simple foreach and include them after global.css (to allow them to take precedence)
like image 95
nc3b Avatar answered Mar 04 '23 20:03

nc3b
Sign in to Comment

Related questions

How to get horizontal scrolling with the div element?
How do I set the color of the horizontal lines between rows in a asp.net gridview?
jQuery event bubbling: Get original element mouseover (for table row highlighting)
CSS div to place image without interfering with other divs
CSS How to Properly use ems instead of pixels?
Ruby Command Line: How can I send the CTRL-C command via text in the command line?
CSS sprite based rollover blinks in IE6
Blue lines around images within links in IE6
Apply CSS to table cells (td) in JQGrid?
How to change the width of h:outputLabel
How Can I Remove a Surrounding DIV with jQuery?
Is there any web layout paradigm that makes CSS a little bit less... unpredictable?
CSS rounded corners and gradient border
What does the CSS specification say is correct way to measure an elements width?
a element not showing background image
CSS Selector: What does the asterisk mean in the following 2 lines
Background image not showing up on IE8
How to align text at bottom in <p> with <img>?
Reducing load time, or making the user think the load time is less
Is it standard compliant to write font-size: 62.5%/1.2em in CSS?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!