嵌套伪类像悬停/集中到超链接LESS

Question

我使用LESS。

我怎么能说悬停/焦点属于第一个> a我可以以某种方式把悬停/焦点放在> a里面？

> ul > li > a { 
     color: #fff; 
     text-decoration: none; 
    } 

    > a:hover, > a:focus { // login, register 
     background-color: @navbar-background-color; 
    } 

Answer 1

可以使用LESS's Parent Selector (&)以包括属于当前选择器选择器：

的&操作者表示嵌套规则的父选择器和施加改性类或伪时是最常用的类到现有的选择器。

> ul > li > a { 
    ... 

    &:hover, 
    &:focus { 
     ... 
    } 
}