Less作用域

變量的作用域指定可用變量的位置。變量將從本地範圍搜查,如果它們不提供,則編譯器會從父範圍搜索。

示例

下面的例子演示了使用命名空間和訪問修飾符在Less文件:

Less Scope

Example using Scope

LESS enables customizable, manageable and reusable style sheet for web site.

接下來,創建文件 style.less。

style.less

@var: @a;
@a: 15px;

.myclass {
font-size: @var;
@a:20px;
color: green;
}

你可以編譯 style.less 文件使用以下命令來生成 style.css 文件:

lessc style.less style.css

接着執行上面的命令,它會自動創建 style.css文件,下面的代碼:

style.css

.myclass {
font-size: 20px;
color: green;
}

輸出

讓我們來執行以下步驟,看看上面的代碼工作:

  • 保存上面的 html 代碼到 scope.html 文件。

  • 在瀏覽器中打開該HTML文件,得到如下輸出顯示。

Less作用域