How to preserve styles of embedded widget?

Question

How to make an external PHP widget page have its own CSS. The catch is - when the external page is included it\'s been affected by the stylesheet of th

Answer 1

Try surrounding your widget code in a div with an id. Then prefix each CSS selector used in the widget with that selector.

ex.

hello

instead of,

.nav{
// styles
}

do

#widget.nav{
// styles
}