[CSS][JavaScript]Wstawianie kodu JS i problem z nadpisywaniem stylów Opcje

[Lord]

mam plik JS gdzie wstawiam przez document.write kod HTML z CSS, mam tam między innymi import css i style lokalne. Niestety jak wstawie go na stronę to część stylów się nadpisuje. Bo strona ma już swoje style css i teraz nie wiem co mam zrobić by wyczyścić styl css dla wyświetlanego przeze mnie kodu tak by wyświetlał się tak jak zdefiniowałem to u siebie.

Ma ktoś jakiś pomysł? Ja wiem, że mogę wymusić styl przez !important, ale to nie rozwiązuje mi problemu ze stylami których nie zdefiniowałem. Jężeli nie mam np dla danego tagu ustawionego borderu, a na stronie jest to important nic mi nie pomoże.

A może jakiś inny sposób wstawiania widgeta na stronę? może coś innego niż document.write? Znaczy można to jako iframe, ale czy to sensowne rozwiązanie?

[zegarek84]

to co napisał @CuteOne + pomyśl wcześniej o jakimś resecie styli na domyślne z uszczegółowieniem "definicji"...

na rok rejestracji to raczej wiesz o co chodzi... niby to samo co powyżej ale troszku inaczej https://jsfiddle.net/0wewk84m/