Question

非常确定这根本不可能，但......

说我有这个混音：

.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 conditional comments idea

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

感谢!!!

Answer 1

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

<强> LESS

.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;
}

Lesscss一级混音

1 个答案: