Less嵌套的规则

在我们书写标准 CSS 的时候，遇到多层的元素嵌套这种情况时，要么采用从外到内的选择器嵌套定义，要么采用给特定元素加 CLASS 或 ID 的方式。

    
 
     
      top
     
 
     
 
      
       left
      
 
      
       right
      
 
     
 
    

a { color: red; text-decoration: none; &:hover {  color: black;  text-decoration: underline; } }

经过编译生成的 CSS 文件如下：

 

a { color: red; text-decoration: none; } a:hover { color: black; text-decoration: underline; }