Question

我有简单的 SCSS 文件：

@import '../template_outgame.scss';

div#main-container {
    div#content {
        div#inside {
            table#games-table {
                tr {
                    th {
                        @extend .text-center;
                    }

                    td {
                        &:nth-child(3), &:nth-child(4), &:nth-child(5) {
                            @extend .text-center;
                        }

                        img {
                            @include border(1px solid #777);
                            display: block;
                            margin: auto;
                            opacity: .8;
                            width: 50px;
                        }
                        img:hover {
                            border-color: #888;
                            opacity: 1;
                        }

                        div.map-name {
                            font-size: 11px;
                            margin-top: 2px;
                            line-height: .93;
                        }

                        form {
                            input[type="submit"] {
                                float: none;
                                max-width: 150px;
                                min-width: 48px;
                            }
                        }
                    }
                }
            }
        }
    }
}

当我在笔记本电脑（Win7）上执行gulp时，它运行正常。但是当我在我的Ubuntu服务器上运行gulp这部分代码

时

&:nth-child(3), &:nth-child(4), &:nth-child(5) {
    @extend .text-center;
}

编译错误。

只有第三个孩子才有text-align: center;式。 4岁和5岁的孩子没有这种风格，他们很伤心。 th元素也可以正常工作。我做错了什么？

template_outgame.scss档案：http://pastebin.com/FhfeJbZW

global.scss档案：http://pastebin.com/eeVsjMJg

_bootstrap.scss是Sass Bootstrap文件

Laravel Elixir在Ubuntu上运行不正常

0 个答案: