如何在 NextJS 中注释 <style jsx> 标签内的样式

IT技术 reactjs next.js
2021-05-24 15:52:11

在CSS中,可以使用/* */来注释代码style jsx。NextJS中如何注释里面的代码。我在网上搜索了这个,但没有找到。

<style jsx>{`
      table,th,td{
           border: 2px solid black;
      }

      #OOP{
        //height: 10vh;
        /*background-color: #28DE65;*/
  //Both of these comment styles doesn't work inside style jsx
      }
`}</style>
2个回答

CSS 注释<style jsx>next.js. 您可能错过/错误配置了某些东西。

演示👇

编辑你好世界

您可以使用前缀_,它不是注释,但不会解释属性:

<style jsx>{`
      table,th,td{
           border: 2px solid black;
      }

      #OOP{
        __height: 10vh;
        __background-color: #28DE65;
      }
`}</style>

不是优雅的解决方案,但它有效;-)