How to limit css action on page?

Question

css

I have a style.css where my styles are described and everything suits me.
But if I connect any framework (foundation.css), then partially the styles of tables and text are taken from the framework.
Is it possible to restrict css to a specific container?

Answer 1

1) The framework is connected (foundation.css)
2) Your style.css is connected
In your style.css, redefine what you need.

Answer 2

1) Redefine CSS
Alternatively, don't forget !important
For example:

p {
    background: url(images/tune1.png) no-repeat !important;
}

2) Javascript (JQuery) override style, after loading the entire document.

$(document).ready(function() {
     	$('#celebs tbody tr:even').css('background-color','#dddddd');
});