NEXT.JS · CHAPTER 09 · INTERACTIVE LAB

样式策略实验室

先判断规则的职责，再选择表达工具。改变场景条件，观察推荐如何在静态 CSS、局部作用域与客户端运行时之间移动。

第九章
决策台

场景条件

INPUT / 05
1. 规则影响多大范围？导入位置不等于作用域，请按生成后的影响面判断。
2. 运行时需要改变什么？“值会变化”与“规则需要生成”不是一回事。
4. 客户端样式运行时预算？这里讨论样式额外带来的浏览器 JavaScript。
5. 局部选择器是否复杂？

实时建议

OUTPUT / LIVE

主方案

CSS Modules

92匹配分

为什么这样选

    要守住的边界

      六种方案的场景匹配

      可复制的决策摘要

      
            
      
              
            
      
            
      
          
      
        
      
      
      
    
      

    

    
      
      
      
        
      
          
      场景挑战
      
          
      每题只选承担主要职责的方案。答题后会解释为什么，以及常见误区在哪里。
      
        
      
        
      
          已完成 0 / 10 · 正确 0
          0 / 10
        
      
      
      

      
      
        
      
          
      挑战 01 / 10