我正在尝试将Lost Grid与postCSS一起使用并尝试理解以下代码无效的原因;
HTML
<section class="grid-two">
<div class="grid-item-two"></div>
<div class="grid-item-two"></div>
<div class="grid-item-two"></div>
</section>
CSS
.grid-two {
lost-utility: clearfix;
lost-move: 0.85/6;
lost-column: 5.15/6;
height: 100%;
}
.grid-item-two {
lost-column: 1.75/6;
background: #2c3e50;
height: 100px;
&:first-child {
}
&:nth-child(1n){
lost-column: 2.45/6;
}
&:last-child {
}
}
我希望看到;
但这是结果;
我还设置了一支密码笔;
http://codepen.io/alexc101/pen/mEJQaR?editors=110
我只是想了解代码在这里做了什么,以及在第一张图片中看到的实现所需效果的正确方法是什么。
希望一切都有意义,
由于