我在資產檔案夾中有一個檔案 global.css，檔案在 main.js 中匯入。此檔案中的樣式僅在我沒有在組件樣式中應用相同樣式時才有效。例如，在組件中我有這個
h1 {
font-size: 50px;
}
然后在 global.css
h1 {
font-size: 35px
}
這行不通。有沒有辦法用這個 global.css 覆寫組件樣式？
uj5u.com熱心網友回復：
確保組件中的樣式標簽具有scoped屬性，否則它將覆寫全域樣式。
評論：https ://codesandbox.io/s/vue-basic-demo-j87nz0?file=/src/components/HelloWorld.vue
uj5u.com熱心網友回復：
你需要研究CSS 的特殊性來解決這個問題。
在這里，它的發生是因為首先應用了全域樣式，然后是組件樣式，您可以在您的開發工具中檢查它并查看應用于您的h1元素的各種宣告。
CSS 中當然有高級的可能性，但要寫一些更具體的東西
h1.my-cool-class { /* or just .my-cool-class */
font-size: 50px;
}
這里應該夠了。
uj5u.com熱心網友回復：
您可以使用h1 { font-size: 35px !important; }
或與類
例如：
.headline-h1 {
font-size: 35px
}
uj5u.com熱心網友回復：
謝謝大家的回答。我不得不處理一些亂七八糟的 css，每個組件對于每個標題和段落（大小、顏色、字體等）都有自己的 css 樣式。我洗掉了所有這些并將它們放在 global.css 檔案中，然后將 html 元素更改為與大小兼容。而已。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/496891.html
上一篇：如何用css制作縮放和變灰影片？