less的运算操作

发布时间:2020-08-11 16:30:35 作者:hello_world007
来源:网络 阅读:237
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/less">
        /*
        less的运算操作
            我们可以在数值及颜色值上做一些基本的运算操作,注意,操作符左右最好是空格。如下
        */
        @span-width:100px;
        @color:#099999;
        span{
            height:50px;
            display: inline-block;
        }
        #left{
            width: @span-width;
            background-color: @color;
        }

        #right{
            width: @span-width * 2;
            background-color: @color - 100;
        }
    </style>
</head>
<body>

<span id="left">
hello1
</span>
<span id="right">
hello2
</span>

<script type="text/javascript" src="js/es5-shim.js"></script>
<script type="text/javascript" src="js/less.min.js"></script>
<script type="text/javascript">
    less.watch();
</script>
</body>
</html>


推荐阅读:
  1. less语法
  2. 跟Howard学LESS之初见LESS

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

less 运算操作

上一篇:Java 面向对象 之 关键字instanceof

下一篇:颠覆Docker?最新Kata开源容器项目引热议

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》