代码之家  ›  专栏  ›  技术社区  ›  Pavindu

如何在nextjs中的<style jsx>标记内注释样式

  •  0
  • Pavindu  · 技术社区  · 6 年前

    在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 回复  |  直到 6 年前
        1
  •  1
  •   Ganapati V S    6 年前

    CSS注释工作于 <style jsx> 在里面 next.js . 您可能错过了/配置错误。

    演示文稿

    Edit hello-world

        2
  •  1
  •   Sau    6 年前

    前缀可以是 _ ,它不是注释,而是属性,但不被解释为:

    <style jsx>{`
          table,th,td{
               border: 2px solid black;
          }
    
          #OOP{
            __height: 10vh;
            __background-color: #28DE65;
          }
    `}</style>
    

    不是很好的解决方案,但它有效;-)