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

【问题标题】：How can I define first and last classes inside another class?如何在另一个类中定义第一个和最后一个类？
【发布时间】：2013-11-14 00:36:11
【问题描述】：

我有一个块边框类和两个块内容类。我使用的是 IE9 及更高版本的浏览器。

谁能帮我用 Less 定义以下内容。

.block-border { 

    &.admin > .block-content {

    }
}

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

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

【问题讨论】：

标签： html css less

【解决方案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 中的第一个孩子）。

【讨论】：