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

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）。