# Shortcut to fix conflicting stylesheets

**URL:** <https://forum.kirupa.com/t/shortcut-to-fix-conflicting-stylesheets/289247>\
**Category:** Uncategorized\
**Created:** [May 27, 2009, 11:12pm UTC](https://forum.kirupa.com/t/shortcut-to-fix-conflicting-stylesheets/289247 "2009-05-27T23:12:18Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![NeoDreamer](https://avatars.discourse-cdn.com/v4/letter/n/ccd318/32.png) [@NeoDreamer](https://forum.kirupa.com/u/NeoDreamer)\
**Post date:** [May 27, 2009, 11:12pm UTC](https://forum.kirupa.com/t/shortcut-to-fix-conflicting-stylesheets/289247/1 "2009-05-27T23:12:18Z")

</div>

I’m using some third party code that has their own stylesheets. Many of its CSS definitions are conflicting with my navigation elements. To fix it, I wrapped their code in a \<div id=“theirCode”\> and did this to their stylesheet:

```auto

#theirCode .theirStyle1 { ... }
#theirCode #theirStyle2 { ... }
#theirCode table { ... }

```

But they have nearly thousands of these definitions. Is there a shortcut to do something similar to this?:

```auto

#theirCode {
   .theirStyle1 {...}
   #theirStyle2 {...}
   table {...}
}

```