樣式化組件 - 如何在html或body標籤上設置樣式？

Question

通常情況下，使用純CSS的時候，我有一個包含一個樣式表：

html { 
    height: 100%; 
} 

body { 
    font-size: 14px; 
} 

當使用我的陣營項目styled-components，我該如何設置爲html或body標籤樣式？我是否僅爲此目的維護一個單獨的CSS文件？

Answer 1

當然，您可以通過<link>標記維護一個單獨的CSS文件，該文件包含在HTML中。

話雖這麼說，風格組件還出口了injectGlobal助手從JavaScript注入全局CSS：

import { injectGlobal } from 'styled-components'; 

injectGlobal` 
    html { 
    height: 100%; 
    width: 100%; 
    } 
` 

更多信息，請參見API documentation！

Answer 2

我可以想到做這件事的兩種方法。 1）。使用index.css並在那裏添加你的CSS樣式。 2）。您可以在public/index.html中使用內聯css，並在其中編寫您的css樣式。 希望我得到你想問的問題。