Question

我有一个块边框类，里面有两个块内容类。我正在使用IE9及以上的浏览器。

有人可以帮我用Less。

定义以下内容

.block-border { 

    &.admin > .block-content {

    }
}

我想只为块边框内的第一个块内容类定义xxx， yyy仅用于块边框内的第二个块内容类，而zzz仅用于块边框内的最后一个块内容类。

我遇到的问题是我不知道如何使用less来定义第一个和最后一个。我定义了基本块内容但不确定其他内容。

Answer 1

您已使用.admin的正确语法 - 前面的＆符号&：

.block-border {

    &.admin > .block-content {
        &:first-child {
        }

        &:nth-child(2) {
        }

        &:last-child {
        }
    }

}

这将导致CSS选择器，如

.block-border.admin > .block-content:first-child {}

如果省略＆符，则会导致

.block-border.admin > .block-content :first-child {}

...具有不同的含义（选择.block-content内的第一个孩子）。

如何在另一个类中定义第一个和最后一个类？

1 个答案: