Question

我发现了一个奇怪的情况。似乎有一个错误：在伪选择器之后

请检查以下代码，并查看内联评论

.nav-prev a{
    left:20px;
    &:before {
        top: 75%;
        .chevron-line;
        .rotate ();
    }
    // this mixin is causing an error and it wouldn't compile
    &:after {
        top: 25%;
        .chevron-line;
        .rotate (-45deg);
    }
}

// // this is the fix applied for the previous error
// .nav-prev a:after {
//  top: 25%;
//  .chevron-line;
//  .rotate (-45deg);
// }

.nav-next a{
    right:20px;
    &:before{
        top: 25%;
        .chevron-line;
        .rotate ();
    }
    // strangely this one works and compile correctly
    &:after{
        top: 75%;
        .chevron-line;
        .rotate (-45deg);
    }
}

注意：我使用LiveReload进行编译。

问题

我的语法有什么问题？或者它是一个很少的错误？或者它是编译器错误？

谢谢你们。

Answer 1

当我将问题代码复制并粘贴到this compiler时，会出现一个隐藏的字符，导致我出错。在上面给出的.nav-next a的工作代码中，此字符不存在，因此很可能是罪魁祸首。

.nav-prev a{
    left:20px;
    &:before {
        top: 75%;
        .chevron-line;
        .rotate ();
    }
    // this mixin is causing an error and it wouldn't compile
    &:after {
        top: 25%;
        .chevron-line;
        .rotate (-45deg);
    }<--HIDDEN "DOT" CHARACTER SHOWING UP RIGHT HERE
}

LESS Mixin Bug on：Pseudo Selector之后

1 个答案: