Cross-browser CSS Tool

Question

I was thinking this morning, my mind was on CSS and creating different style sheets for IE7, IE8, FF, etc.. I started wondering if there was a tool that exists to make this easier. I was thinking something along the lines of this:

Build the "core" style sheet.
Any time a "broken" rule is entered into the "core" style sheet, a fix is added to the associated browser specific style sheet.
If a fix is added it would also be noted, so you know that a particular style has extras in the browser specific sheets.

This could work in two different ways, either automatic, IDE style, or as a tool which you input the core css and output all the different css you need.

Thoughts? Does something like this exist?

Jason · Accepted Answer · 2011-06-13 16:07:11Z

2

The problem with this is that the term "broken" is subjective. No machine is able to tell what you consider to be "broken". Granted there are some well-known bugs, but even then you're only really scratching the surface.

Your best bet is to just code using web standards and using a tool like SASS to make coding your CSS easier.

For instance, if you are using HTML5Boilerplate and want to add an IE6 specific rule, all you do is something like this:

#mydiv {
/* mydiv specific styles */
    .ie6 & { 
        /* IE6 specific styles for #mydiv
    }
}

answered Jun 13, 2011 at 16:07

Jason

52.7k38 gold badges139 silver badges188 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

aepheus Over a year ago

The broken problem could be solved by basing your "core" in the standard and "broken" is what deviates from the standard.

aepheus Over a year ago

Thanks for the SASS link, sounds interesting.

Jason Over a year ago

@aepheus true, but how can any software do that for you automatically unless you tell it what is "broken"?

Alexandre Bourlier · Accepted Answer · 2016-05-14 10:38:17Z

0

Compass is doing some of what you were looking for. I know it is has been 5 years since you asked but this might help someone in pain :)

answered May 14, 2016 at 10:38

Alexandre Bourlier

4,1604 gold badges48 silver badges76 bronze badges

Collectives™ on Stack Overflow

Cross-browser CSS Tool

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related