less - 重用 CSS LESS 代码

Question

例如，您有以下内容：

#nav {
position: relative;
background: transparent;
width: 100%;
color: #FFF;

.block {
    padding-top: 2em;
}

ul {
    border: none;
    margin: 0;

    li {
        border: none;
        .inline-block;
        font-size: 1em;
        padding: 0 0.4em;
        text-shadow: 1px 1px 1px #171717;

        a:link, a:visited {
            padding: 0;
            color: #777;
        }

        a:hover {
            color: @hover;
        }

        &.highlight a {
            color: @highlight;
        }

        &:hover {
            background: none;
            border: none;
        }
    }
}

}

如果您想在样式表中使用相同的代码 3 次，有没有办法将其保存为变量或类似的 LESS？

Answer 1

当然，您可以使用之前定义的类和 id 规则集作为其他定义的属性，如下所示：

.classname {
    #nav;
    /* further styling here */
}

有关更多信息，请参阅此链接： http: //lesscss.org/#-mixins