Change css class with php multi pages

Question

I have a multiple pages website where I wan't to change some css stuffs. So my index.php?p=page points to various pages but on every page I also want to adjust some css like the color of the currently active menu item(li) etc.

What is the best way to achieve this? Should i just make a php var on each page?

Just put the CSS in a pair of <style> tags on each individual page. w3schools.com/css/css_howto.asp — Blazemonger
– Blazemonger, Commented Jan 12, 2012 at 19:41
possible duplicate of How add class='active' to html menu with php — jprofitt
– jprofitt, Commented Jan 12, 2012 at 19:42

Diodeus - James MacFarlane · Accepted Answer · 2012-01-12 19:42:50Z

2

One way to handle this is to put a class on the BODY tag for each page, then make different subclasses for the stuff that changes. This way you don't need to feed in any variables from PHP. It's all done via CSS.

<body class="pageOne">

CSS:

.pageOne h1 {
    color:#ff0000
}

.pageTwo h1 {
    color:#000000
}

answered Jan 12, 2012 at 19:42

Diodeus - James MacFarlane

115k33 gold badges164 silver badges180 bronze badges

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

2 Comments

dotNes Over a year ago

the content on each page is very basic so I am including it in the body element Can I still change the body class easily ?

Madara's Ghost Over a year ago

I like to do <html class="<?php echo $pageClass ?>"> where $pageClass is populated beforehand or being drawn from the database along with the page. +1

bfavaretto · Accepted Answer · 2012-01-12 19:41:40Z

0

You should have the CSS on an external file, and link it using a <link> tag, like so:

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

answered Jan 12, 2012 at 19:41

bfavaretto

72k18 gold badges118 silver badges162 bronze badges

Collectives™ on Stack Overflow

Change css class with php multi pages

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related