Ajax load, men ikke ændre CSS

Så må du gøre ligesom wordpress gør og som foreslået i første kommentar - skriv så specifikke styles som muligt. Ved at opfinde en modulær navngivning, fx yourmodule-xxx, fremfor bare xxx minimerer du risikoen for at det bliver overskrevet og så skal du selvfølgelig på rodniveau overskrive alle potentielle faktorer (såsom font, font-size, margin, padding etc) fra hovedsitet.

Som bliver hentet via ajax og inplemterede ved hjælp af jQuery.
Jeg skal lave nogle unikke CSS koder, som ikke bliver berørt af andre CSS koder, det er min løsning :-)

Du kan også vælge at manipulere CSS definitionerne ved at lægge en proxy ind mellem browser og cssfiler og -koder.
Denne proxy lægger således et ekstra niveau på alle definitioner og så er du sikret indtil videre. Denne løsning er holdbar indtil CSS selectors kan vælge opad i HTML hierarkiet.

Antag at du f.eks. har en CSS kodestump med følgende:

 .nice-class-name { color: red; } 
 #nice-id-name { color: red; }

Ved at manipulere kan du sætte et ekstra niveau:

 #secured-area-id1 .nice-class-name { color: red; } 
 #secured-area-id1 #nice-id-name { color: red; }

I htmlkoden sørger du så for at sætte ID på de afgrænsede områder.