CODEWITHSUNDEEP
htmlcss
gaurav jain
gaurav jain

Reputation: 1345

Configuring colors/background colors CSS

While designing/changing the page layout, I have a coloring for each of div/class elements as needed. That enables me to clearly see the structure of the layout.

While testing/presenting the page layout with the actual content, I have a different coloring scheme.

I need to switch between the two often. How can I accomplish this?

Please help.

Upvotes: 0

Views: 97

Answers (2)

Dave Haigh
Dave Haigh

Reputation: 4547

While testing you could add a class to your html or body tag

e.g. <html class="testingMode">

and then in your stylesheet you could have overrides to your other styles

e.g.

/*Normal/Live mode*/
.divClass {
    background: none;
}

/*Testing mode*/
.testingMode .divClass {
    background: green;
}

Before you go live you can remove the class of testingMode from your html tag and those overriding styles will not be applied.

Upvotes: 0

Jeff Watkins
Jeff Watkins

Reputation: 6359

Use two CSS files. Each with the same classes but different colour values etc. Have a batch file to swap the two. You could put together a fancier skinning approach using your hosts file and some magic in your web-server but that may well be overkill for your needs.

Upvotes: 3

Related Questions