I have three css files (main.css, style81.css and style86.css) .
On main.css. i have this script
On style81.css and style82.css, i have this script
The thing here, i want to use different background image on my child css..
how would I do that here?
I don’t understand.
Do you mean that having set a background-image on your body you want to change it for all pages or are those stylesheets 81/86 specific to individual pages.
sorry for the confusion.
stylesheets 81 and 86 specific to individual pages. and they have different bg images.
In that case, as long as you import the ‘main’ sheet first then anything you type after that will take effect.
Just declare a new bg image for the body.
If that is the only change you are making (or there are only a few) then you might just want to give those individual pages a special body class or ID and just target them in your main CSS file.
Exactly what Paulie_D is saying. You can simply add a class or id to the body/html tag of your .html / .php files and include the style in your main stylesheet. Are you attempting to do anything dynamic by loading different stylesheets?
< body>< /body>
< body class="style81">< /body>
< body class="style86">< /body>
Obviously you would want to name your class a little more semantically.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".