Just wrap your re-usable parts in a container with an ID. IDs have greater weight on CSS rules, that will usually be enough. putting ! important on all your rules will bloat your code unnecessarily.
See this article on CSS specifity: http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/ On Mar 11, 7:38 am, Nguyễn Quốc Vinh <kureik...@gmail.com> wrote: > I'm using sortable of jQuery UI! > My elements such as UL tag, LI tag(sortable, dragable,..element) may put > into many template! > And each template have thier own CSS, so, that CSS override CSS of my LI tag > > Have anyway to clear all CSS apply on our element, then apply new CSS? Or i > must use !important for all property to prevent overriding! > > Take a look on two > URL:http://trademerchants.com/delnow/kurei/dnd//themes/hr/html/index.myTe... > > http://trademerchants.com/delnow/kurei/dnd//themes/template1/html/ind... > > As you can see, <li> item appeas in other style because each template have > own CSS > > Does anyone know how to prevent this?
