ul，ul li从少到CSS

Question

我一直在寻找这一点。 我试图做到这一点在CSS从小

ul,ul li{ 
display:inline-block; 
} 

我现在用的少即是这样的：

ul,ul li{ 
    display:inline-block; 
} 

问题是，如果我尝试额外的属性添加到Li或它的孩子上述LESS是不好的，因为它输出像这样：

LESS

ul,ul li{ 
    display:inline-block; 
    li{ 
     float:left;  
    } 
} 

CSS

ul, 
ul li { 
    display: inline-block; 
} 
ul li, 
ul li li { 
    float: left; 
} 

我怎样才能做到这一点：

ul, 
ul li { 
    display: inline-block; 
} 

和少没有别的？

Answer 1

您可以使用：

ul { 
    &, li { 
     display: inline-block; 
    } 
} 

这将生成以下CSS：

ul, 
ul li { 
    display: inline-block; 
} 

如果已经有ul声明：

ul { 
    display: inline-block; 
} 

您可以获取使用的效果相同：

ul { 
    li:extend(ul) {} 
} 

或相同的结果在一个块中没有&与extend：

ul { 
    display: inline-block; 
    li:extend(ul) {} 
}