样式化组件 - 如何在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样式。 希望我得到你想问的问题。