less - LESS Mixin Bug on :after Pseudo Selector

Question

我刚刚发现了一个奇怪的情况。:after 伪选择器似乎有一个错误

请检查以下代码，并查看内联注释

.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

当我将您的问题代码复制并粘贴到此编译器中时，会出现一个隐藏字符，导致我出错。这个字符在上面给出的工作代码中不存在.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
}