1

我正在尝试将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

我只是想了解代码在这里做了什么，以及我实现第一张图片中所需效果的正确方法是什么。

希望一切都有意义

谢谢

4

0 回答 0