less - Lesscss 上一级混音

Question

很确定这根本不可能，但是......

假设我有这个 mixin：

.horizontalList() {
    background:blue;
        & li {
            display:inline-block;
        }
}

它生成的css是：

.something{
    background:blue;
}

.something li{
    display:inline-block;
}

是否可以使用类似的 mixin 生成以下 CSS？

.something{
    background:blue;
}

.something li{
    display:inline-block;
}

.ie6 .something li,
.ie7 .something li
{
    display:inline;
}

...所以 ie6 和 ie7 的东西在选择器之前，我可以利用Paul Irish 条件评论的想法

我知道我可以添加一个 css hack 来做旧的 IE 东西，但我不想在我的样式表中包含这些。

谢谢！！！

Answer 1

您需要在 mixin 中执行此操作：

较少的

.horizontalList() {
    background:blue;
        & li {
            display:inline-block;
        }
        .ie6 & li,
        .ie7 & li {
            display: inline;
        }
}

称它为

.something {
  .horizontalList;
}

CSS 输出

.something {
  background: blue;
}
.something li {
  display: inline-block;
}
.ie6 .something li,
.ie7 .something li {
  display: inline;
}