本篇文章帶給大家的內容是關於css樣式如何覆蓋原來的樣式?利用vue自訂來實現覆蓋elementui樣式 ,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。
在開發中,我們大多要結合自己實際情況,去做符合本項目要求的樣式,那麼自訂css樣式怎麼覆蓋原來已經寫好的樣式呢?今天主要講的就是結合vue與elementui來寫自己的自訂樣式。
引入自己寫的css位置如下:
1、局部引入:在各自vue檔案中使用,互不干擾
style標籤裡面的關鍵字scoped【限位元標記】
加入這個關鍵字的作用:將這個style裡面的樣式都限制在這個元件中,不會影響其他的元件。
2、全域引入:作用於全局,讓很多內容都使用這個樣式
## 這個要回到App.vue中 步驟一:建立自己專門存放自訂樣式的css檔案 步驟二:在App.vue中新建 步驟三:將css檔案透過import 'css檔案位置' 引入到style標籤中,作為全域樣式覆蓋 以上即可實現自訂的css覆蓋原來的樣式。 相關推薦:以上是css樣式如何覆蓋原來的樣式?利用vue自訂來實作覆蓋elementui樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!