reactjs - Next.js 样式仅适用于第一种样式

Question

我正在尝试按照文档使用 Next.js 样式，但当前代码仅适用于背景颜色，但不适用于图像上的测试类。我究竟做错了什么？

  <div className="header-bg">
    <Container className="pt-5 pb-5">
      <Row className="align-items-center">
        <Col>
          <h1>Welcome to the home page. Here is some text</h1>
          <p>Here is some paragraph text</p>
          <Button variant="info">Learn More</Button>
        </Col>
        <Col>
          <Image src="chair.png" className="test" />
        </Col>
      </Row>
    </Container>
    <style jsx>{`
      .header-bg {
        background: grey;
      }
      .test {
        max-width: 15px;
      }
    `}</style>
  </div>

标签： reactjsnext.js