zoukankan      html  css  js  c++  java
  • Sass-局部变量和全局变量

    全局变量与局部变量

    先来看一下代码例子:

    //scss
    $color: orange !default;/*定义全局变量(在选择器、函数、混合宏...的外面定义的变量为全局变量)*/
    
    .block {
        color: $color; /* 调用全局变量 */
    }
    
    em {
        $color: red; /* 定义局部变量 */
        a {
            color: $color; /* 调用局部变量 */
        }
    }
    
    span {
        color: $color; /* 调用全局变量 */
    }

    用sassmeiste转换成css之后:

     上面的示例演示可以得知,在元素内部定义的变量不会影响其他元素。如此可以简单的理解成,全局变量就是定义在元素外面的变量

    如下代码:

    $color: orange !default;

    $color 就是一个全局变量,而定义在元素内部的变量,比如 $color:red; 是一个局部变量。

    什么时候声明变量?

    创建变量只适用于感觉确有必要的情况下。不要为了某些骇客行为而声明新变量,这丝毫没有作用。只有满足所有下述标准时方可创建新变量:

    1. 该值至少重复出现了两次;
    2. 该值至少可能会被更新一次;
    3. 该值所有的表现都与变量有关(非巧合)。

    基本上,没有理由声明一个永远不需要更新或者只在单一地方使用变量。

  • 相关阅读:
    Android中内容观察者的使用 ContentObserver类详解 (转)
    Spinner
    对话框
    ButtonBar 的使用
    EditText/RadioButton/CheckBox使用
    ListView
    PieChar,此代码参考网上
    ComboBox中使用事件
    ColorPicker
    Button
  • 原文地址:https://www.cnblogs.com/qjuly/p/9064376.html
Copyright © 2011-2022 走看看