Widget Javascript wpływający na styl strony osadzony w

Question

Aktualnie rozwijam widżet, który można osadzić na stronie. Jednak po osadzeniu wpływa na styl (czcionkę, tekst, układ itd.) Strony, na której jest osadzony.

Zastanawiam się, w jaki sposób Clearspring i inne struktury widgetów zawierają w sobie swoje widżety, aby nie wpływać na stronę osadzania. .

Dzięki.

Answer 1

Stwórz swój widget, powiedz pod jednym div z unikalnym identyfikatorem (lub klasą, jeśli będzie wiele), który jest najmniej prawdopodobny, aby kolidować z innymi na stronie hosta. Dobrym przykładem może być #company-widjet-name. Zobacz, jak działa jQuery UI (.ui-widget input).

Następnie może być konieczne wykonanie lokalnego resetu, aby uniknąć przeciągnięcia projektu przez stronę nadrzędną. Zmodyfikuj coś w stylu: Eric Meyer's reset. Proszę unikać tego, że #uniqueId * { padding: 0, margin: 0 } może powodować bóle głowy.

Dopóki robisz

#uniqueId a { 
    property: value; 
} 

Specyfika powinny być na tyle silne, aby projektować elementy poprawnie, nie pozwalając CSS stronie przyjmującego z zmieniając go w sposób niezamierzony.