在CSS中，我們可以使用多種方法引入兩個(gè)CSS文件，并確保它們互不影響，以下是一些常見的做法：
1、使用CSS Imports：
在HTML文件中，我們可以使用@import規(guī)則來引入多個(gè)CSS文件。
```html
<style>
@import url('style1.css');
@import url('style2.css');
</style>
```
這樣，style1.css和style2.css會(huì)按順序被應(yīng)用到HTML文檔中，每個(gè)CSS文件可以定義自己的樣式規(guī)則，而不會(huì)干擾到其他文件。
2、使用CSS Modules：
在大型項(xiàng)目中，我們通常會(huì)使用CSS Modules來避免樣式的沖突，每個(gè)CSS Module可以定義自己的樣式規(guī)則，并且這些規(guī)則只在對(duì)應(yīng)的模塊中有效，如果你有一個(gè)Button組件，你可以為它創(chuàng)建一個(gè)Button.css文件，里面定義的樣式規(guī)則只會(huì)影響到Button組件。
3、使用Scoped CSS：
類似于CSS Modules，Scoped CSS也可以幫助我們避免樣式的沖突，它允許我們?yōu)镠TML元素添加特定的屬性，使得樣式規(guī)則只在具有該屬性的元素上有效。
```html
<div class="my-div" style="--my-var: red;">...</div>
```
這樣，只有my-div元素會(huì)應(yīng)用--my-var: red;這條樣式規(guī)則。
4、使用CSS in JS庫：
一些JavaScript庫，如React的styled-components或emotion，允許我們?cè)贘avaScript中編寫CSS，并將其應(yīng)用到組件中，這種方法可以使得樣式更加動(dòng)態(tài)和可維護(hù)，同時(shí)避免了傳統(tǒng)CSS的一些限制。
5、使用Web Components：
Web Components技術(shù)允許我們創(chuàng)建自定義的HTML元素，這些元素可以包含自己的樣式、腳本和功能，通過Web Components，我們可以將樣式封裝在組件內(nèi)部，避免了全局樣式的沖突問題。
有多種方法可以在HTML文檔中引入兩個(gè)CSS文件，并確保它們互不影響，選擇哪種方法取決于你的具體需求和項(xiàng)目結(jié)構(gòu)。
