Stylesheet scripting demo

This page is laid out with this main div in a particular color, dimensions and font size, with a specific page background image, and with controls on the side.

This page is set up with three overlapping/conflicting stylesheets. When you load multiple css files each file overwrites (where applicable) css instructions.

By using the controls on the right, you can "disable" stylesheets, turning off those instructions, so that the ones still "active" have their properties no longer overwritten/contracted.

For a quick demo, start clicks on the disable buttons on the right.

Notes: The FIRST stylesheet is [0], the second [1], etc. Also if you have an internal style block, that WILL count as one of the "stylesheets".

Click on the buttons below to disable "loaded" stylesheets