Reactjs 什么是分析错误：模板中的转义序列无效？ {` #x{ 文本对齐：居中； 字号：900； 字体大小：xx大号； 边缘底部：30px； 颜色：#F451E； } `}

当我在终端上键入“npm start”时，终端显示此警告；

---

我在google上做了一些研究，没有发现在样式化的jsx中使用了id选择器，但我看到的每个地方都使用了类选择器。您可以遵循以下示例：

<style jsx>{`
      #x {                      
        text-align: center;     
        font-weight: 900;       
        font-size: xx-large;    
        margin-bottom: 30px;    
        color: #f4511e;         
      }
`}</style>

函数Home（）{
返回(
你好，Next.js
{`
.集装箱{
利润率：50像素；
}
.container:全局（.btn）{
背景：#000；
颜色：#fff；
}
`}
)
}
导出默认主页

function Home() {
  return (
    <div className="container">
      <h1>Hello Next.js</h1>
      <Widget />
      <style jsx>{`
        .container {
          margin: 50px;
        }
        .container :global(.btn) {
          background: #000;
          color: #fff;
        }
      `}</style>
    </div>
  )
}

export default Home