伙計們， 我們有2個項目:Vue.js中的父項目，其中只有頁眉和頁腳，React.js中的子項目，其中是我們插入到第一個Vue.js項目中的內容。

每個項目都有自己的共享組件庫，同時它們基于另一個第三共享庫(這兩個共享庫是相同的，只是版本不同)。

問題是兩個組件庫都基于同一個庫(第三個共享庫),因此具有幾乎相同的風格——類名。當我們將React.js項目插入Vue.js項目時，我們覆蓋了這些共享庫的CSS。React.js項目中的樣式會覆蓋Vue.js項目中頁眉/頁腳中的樣式。

你能想到什么解決辦法嗎？類似作用域css的東西？最好是在React.js .我們不能編輯共享庫。我們嘗試過，將React.js項目插入或Shadow DOM。最后兩個解決方案是可行的，但是僅僅因為css沖突就這樣包裝似乎有些極端。你認為在這種情況下通過DOM或者Shadow解決它有意義嗎？