如何在LESS中编写伪类和元素？

Question

我是LESS的新手，我想在LESS中嵌套伪类和元素，但我找不到任何解决我问题的方法。这是我的代码：

.navbar-nav{
    li{
        &.active{
            a{
                color: #fe4444;
            }
        }

        a{
            text-transform: uppercase;
            font-size: 13px;

            &:hover{
                color: #fe4444;
            }
        }
    }
}

我想在活动类中嵌套悬停锚标记，希望任何人都可以帮助我。提前谢谢。

Answer 1

你是说这个意思吗？它具有悬停或活动状态的悬停效果显示在父li上。

.navbar-nav{
    li{
        &.active a, a:hover{
            color: #fe4444;
        }

        a{
            text-transform: uppercase;
            font-size: 13px;
        }
    }
}

Answer 2

如果您正在寻找将悬停效果添加到li中具有有效课程的锚点，那么我认为您希望这样做：

.navbar-nav
{
    li {
        &:active a:hover {
            color: #FE4444;
        }
    }
}