css使用什么来进行隔绝外界的布局？

css使用什么来进行隔绝外界的布局？

我们知道css的布局样式很复杂，

例如：

<div id="1">
    <div id="2">
        <div id="4">
        </div>
        <div id="5">
        </div>
    </div>
    <div id="3">
    </div>
</div>

问题1：div#1 使用flex布局，那么div#2, div#3, div#4, div#5 都会被影响， 有什么方式可以进行隔离开来呢？

比如：div#1里面的第一层子元素使用div#1的布局规则，div#2里面的第一层子元素使用div#2的布局规则。

问题2：全局的样式表，是否会影响全局的所有HTML元素？有没有方法屏蔽/隔离掉全局样式呢？