在JS框架中，我們經(jīng)常遇到一些自帶的CSS樣式，這些樣式可能不符合我們的需求，需要進行修正，如何進行修正呢？

我們需要找到JS框架中自帶的CSS文件，這些文件通常位于框架的CSS目錄下，在React中，自帶的CSS文件通常位于node_modules/react-dom/css目錄下。

我們可以使用CSS覆蓋的方式來修正自帶的CSS樣式，CSS覆蓋是指使用具有更高選擇性的CSS規(guī)則來覆蓋原有的CSS規(guī)則，我們可以通過在項目中創(chuàng)建一個新的CSS文件，并在其中定義需要修正的樣式規(guī)則來實現(xiàn)CSS覆蓋。

假設(shè)我們想要修正React中自帶的CSS樣式，可以創(chuàng)建一個新的CSS文件custom-react.css，并在其中定義需要修正的樣式規(guī)則：

.react-class {
  color: #ff0000; /* 修正顏色為紅色 */
}

我們需要在項目的入口文件中引入這個新的CSS文件：

import 'custom-react.css';
import React from 'react';
// 其他代碼...

這樣，當瀏覽器渲染頁面時，就會優(yōu)先應(yīng)用我們定義的樣式規(guī)則，從而修正JS框架中自帶的CSS樣式。

需要注意的是，CSS覆蓋是一種強大的技術(shù)，但也需要注意選擇器的優(yōu)先級和特異性，如果多個樣式規(guī)則具有相同的優(yōu)先級和特異性，那么后定義的規(guī)則會覆蓋先定義的規(guī)則，在定義修正樣式規(guī)則時，需要確保選擇器的優(yōu)先級和特異性高于原有的樣式規(guī)則。