zurb/foundation — Issue #81: Applying foundation.css rules only to certain element?
Author: gesman
Created: 2011-11-08 17:38:05+00:00
State: open

I working on Web app that already includes custom chunks of styled content, such as navigation block and data table area.
Foundation is great framework, as long as you don't use any other styling on page.

When i add 'foundation.css' - it behaves like an elephant in a glass store - dominating it's way all over and breaking everything in sight.

Would be great to make foundation.css to be applied only to certain ID or CLASS.

Here's how i did that for Eric Meyer's reset stylesheet to be applied only to specific ID or CLASS, if wanted to:

http://www.memberwing.com/1/reset.css.php.txt
(Rename it to reset.css.php)

Usage:

OR:

OR:

OR:

OR: Will generate stylesheet to reset multiple elements (but nothing else):

Would be sweet to have somewhat similar for foundation.css

Gleb