Gatsby：className的CSS有时仅适用

Question

我认为我应该能够使用className将CSS应用于任何React组件或元素。

例如，这有效：

<span className="testi"><h1>Testing</h1></span>
<style jsx>{`.testi{ margin: 100; }`}</style>

但是，这不起作用：

<Img className="testi" fluid={fluid}/>
<style jsx>{`.testi{ margin: 100; }`}</style>

当我检查由盖茨比产生的HTML时，我可以看到<div>创建的<Img>具有正确的类，但是尽管如此，CSS仍未应用。为什么会这样？

编辑：这不是重复项。链接的“重复项”建议修改有问题的组件。 Img是Gatsby的一部分，它不是我的组件，因此无法合理地对其进行修改。我应该能够在不修改CSS的情况下对其应用CSS。