Just for an example of how sgc-# classes get confusing....
In chapter-1.html, first style applied is bold, therefore sgc-1 is bold, second style applied is italic, therefore sgc-2 is italic.
In chapter-2.html, first style applied is italic, therefore sgc-1 is italic, second style applied is underline, therefore syle sgc-2 is underline.
Now if you were to try to combine these into a single stylesheet - what order and styles would each of the sgc-#'s be, as you copy sgc-1&2 from file chapter-1, then as you think you would check chapter-2, sgc-1&2 are already defined so you skip copying them, BUT the definitions are different so you get a result that isn't what you wanted.
As many have said, rename the styles in the stylesheet.css to meaningful names then change the classes definitions in the chapter files by S&R, you'll then have an easier time seeing where things are wrong.
|