前言
當在項目中使用react antd各組件時，總有需要自定義css樣式的時候，那應該怎么修改呢？
最簡單粗暴的方法——覆蓋原有樣式
審查元素找到要修改的tabs組件類名，然后在css文件中重寫該類樣式使其覆蓋原有樣式，若無效果，添加!important
最直接了當的方法——添加行內樣式
但上述方法會導致全局tabs組件樣式都被修改，為避免上述情況，直接在引入的tabs組件上添加行內樣式style={{}}，
而上面方法同樣有個問題，如果添加樣式較多會影響代碼整潔，並且有些組件樣式嵌套層級較深，也無法直接添加行內樣式
推薦方法
在tabs組件外面在嵌套一個div, 給這個div添加一個className, 比如 className="tutu"，
修改tabs組件默認樣式就可直接用 .tutu ant-tabs這種形式，這樣只會作用於當前頁面下有添加該類的tabs組件，就不會污染全局了
注：另外，網上鋪天蓋地的博文大多說借助:golbal修改默認樣式，但經本人多次測試並無效果