I use Firefox and the Web Developer extension.
This brings up the style sheet/s in a lefthand panel (inlduing inline stlyes)
You can type changes into the style sheet, add new styles, modify any
which way and see them immediately reflected in web page in the main
part of the screen.
EG., Today I discovered that a document-based style was not overriding
my main style sheet - but when I changed .side to div.side the styles
To see if a style I expect to be acting on text is in fact doing so, I
change the colour of the text to red, or add a border; if it is not,
then I can wander through my stylesheet adding something odd like red
text until I find which style is in fact in control, and can then
puzzle out why.
These changes do not modify the actual style sheet on the server -
simply in the browser, so having tried out solutions in the Firefox
web developer I then go back to my stylesheet and make the real
The day before I discovered that I was making my changes in an old
verison of tehs tylesheet not the new one -- when I looked at the
style sheet the browser was loading it was immediately apparent that
my new text wasn't there, so I could go find out why.
So many ways to get it wrong!
On Mon, 15 Nov 2004 08:48:41 -0800, Pete Eakle [EMAIL-REMOVED]> wrote:
> Often I set something in my style sheet, and then see that it hasn't worked,
> and sometimes the page hasn't changed at all. I'd love to have a CSS expert
> next to me to explain why it didn't work -- I'd learn much quicker that way.
> But I'm dreaming. Are there any tools out there that I can use to help me
> figure out why my CSS is behaving the way it is, or why certain properties
> or rules are apparently being ignored?
> css-discuss [EMAIL-REMOVED]]
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/