Well, I don't see any easy way indeed. The difficulty is to get the list of all CSS properties that apply to a given element. Once you have this list (of properties), you should be able to take each element on the list and remove the property.
Getting the list manually is not a good idea. To get this list, I may use a browser's add-on. (ex: The FireFox extension " *Web Developer*"). https://addons.mozilla.org/fr/firefox/addon/web-developer/ You click on the element, and you get the list of CSS properties that apply to the element. *Note*: You can do that with IE8 too (press F12, if I remember well). Once you have the text from the add-on, you have a create a JavaScript array. This could easily be done using Perl (simple regexp). var cssProperty = new array('color', 'height',...); Once you have this list, you can erase all properties using JQuery. The problem is : If you change your CSS (for the page), you may have to re-generate the list (var cssProperty) - but with a Perl script, it should be easy enough. Regards, Denis 2011/3/29 johnw <[email protected]> > Denis, how would that clear something inherited from, say: > > body {line-height:1.5;background:white;} > > Which is based on tags and not classes and which Blueprint has in > screen.css? > -- You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.
