less的運(yùn)算操作

發(fā)布時(shí)間：2020-08-11 16:30:35 來源：網(wǎng)絡(luò) 閱讀：241 作者：hello_world007 欄目：開發(fā)技術(shù)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/less">
        /*
        less的運(yùn)算操作
            我們可以在數(shù)值及顏色值上做一些基本的運(yùn)算操作，注意，操作符左右最好是空格。如下
        */
        @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>

向AI問一下細(xì)節(jié)

less的運(yùn)算操作

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽