how to exempt from inheritance
Not sure I have titled this correctly, but I have a container div and many divs nested within it. The contain div has padding:10px; and so all the nested divs inherit this. However, I have one of the nested divs that is a widget and it displays poorly (much of it disappears) because of the padding:10px; of the container div.
I don't want to move the padding statement out of the container div styling and into all of the the nested divs because there are many of them and it will be messy to maintain that way. Is there some css styling I can use to exempt the widget div from the padding:10px? I tried adding padding:-10px; to the widget div styling, but this did not undo the padding that came from the container div.