less 学习-变量

很容易理解:

@nice-blue: #5B83AD;
@light-blue: @nice-blue + #111;

#header { color: @light-blue; }

        

          
        
        
        

          

          AI 代码解读
        
      
      

输出:

#header { color: #6c94be; }

        

          
        
        
        

          

          AI 代码解读
        
      
      

甚至可以用变量名定义为变量:

@fnord: "I am fnord.";
@var: 'fnord';
content: @@var;

        

          
        
        
        

          

          AI 代码解读
        
      
      

解析后:

content: "I am fnord.";

        

          
        
        
        

          

          AI 代码解读
        
      
      

请注意 LESS 中的变量为完全的 ‘常量’ ，所以只能定义一次.

欢迎访问我的个人博客–付博瀚的个人博客