less中的嵌套

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了less中的嵌套相关的知识,希望对你有一定的参考价值。

嵌套:
less文件在网页编写时很常用,尤其是它的嵌套属性,可以使代码的结构清晰,易于阅读和理解;在团队开发中,可以防止命名重复,可提升开发效率。
嵌套用法(exp):
#:home{
    color:blue;
    #top{
        border:outset;
        #conter{
            color:red;
            background:url("img/globle.jpg);
            }
         }
    #bot{
        margin:20px;
        }
    }

以上是关于less中的嵌套的主要内容,如果未能解决你的问题,请参考以下文章

less杂记

Less 嵌套(Nesting 用法

less嵌套规则

LESS:扩展先前定义的嵌套选择器

less嵌套规则

Less预处理——变量和嵌套