如何在LESS中使用css选择器的加号过程？

Question

是否有更有效的方式以LESS格式编写以下CSS，或者是这样吗？

+

Answer 1

您可以使用&来引用父选择器：

li:first-child {
    border-right: solid 0.188em #da291c;
    padding: 0 2em 0 0;

    & + li {
        padding: 0 0 0 2em;

        & + li {
            padding: 0 2em 0 0;
            border-right: solid 0.188em #da291c;
            margin-left: 21%;

            & + li {
                padding: 0 0 0 2em;
            }
        }
    }
}

您也可以使用:nth-child，它可能更适合您尝试执行的操作，但请检查浏览器支持http://caniuse.com