在 Vue 中，我們可以使用 CSS 樣式來美化頁面和元素。但是，有時候在引用第三方組件或框架時，我們并不能滿足自己的需求，在這種情況下，我們便需要使用 CSS 覆蓋來解決。

Vue 組件的樣式是局部的，這意味著每個組件都有其自己的 CSS 樣式作用域。所以，我們可以輕松地在不同的組件中使用相同的類名，而不會導(dǎo)致樣式?jīng)_突。

為了覆蓋第三方組件的樣式，我們需要特別指定作用域，可以使用以下語法：

在上面的代碼中，我們添加了一個 scope 屬性，并指定了其值為 "scoped"。這樣便可以將樣式限制在組件的范圍內(nèi)。

當(dāng)然，如果你想覆蓋全局樣式，可以使用以下語法：

在上面的代碼中，加上了 !important，這樣就可以優(yōu)先應(yīng)用自定義樣式。

總而言之，CSS 覆蓋在 Vue 中是非常常見的操作。我們只需要加上作用域?qū)傩裕蛘呤褂?!important，就可以實現(xiàn)組件樣式的自定義。