& lt; ! DOCTYPE html>
& lt; html lang=癳n”比;
& lt; head>
,,,& lt; meta charset=皍tf - 8”比;
,,,& lt; title> & lt;/title>
,,,& lt; style type=" text/少”比;
,,,,,,/*
,,,,,,,更少的运算操作
,,,,,,,,,,,我们可以在数值及颜色值上做一些基本的运算操作,注意,操作符左右最好是空格。如下
,,,,,,*/,,,,,,,@span-width: 100 px;
,,,,,,,@color: # 099999;
,,,,,,,跨度{
,,,,,,,,,,,身高:50 px;
,,,,,,,,,,,显示:,inline-block;
,,,,,,,}
,,,,,,,#{离开
,,,,,,,,,,,宽度:,@span-width;
,,,,,,,,,,,背景颜色:,@color;
,,,,,,,}
,,,,,,,#{正确
,,,,,,,,,,,宽度:,@span-width *, 2;
,,,,,,,,,,,背景颜色:,@color 作用;100;
,,,,,,,}
,,,& lt;/style>
& lt;/head>
& lt; body>
& lt; span id=白蟆北?
hello1
& lt;/span>
& lt; span id=罢贰钡淖４?
hello2
& lt;/span>
& lt; script type=" text/javascript, src=" https://www.yisu.com/zixun/js/es5-shim.js "祝辞& lt;/script>
& lt; script type=" text/javascript, src=" https://www.yisu.com/zixun/js/less.min.js "祝辞& lt;/script>
& lt; script type=" text/javascript祝辞
,,,less.watch ();
& lt;/script>
& lt;/body>
& lt;/html>
