重用CSS代碼更少

Question

比如你有以下：

#nav { 
position: relative; 
background: transparent; 
width: 100%; 
color: #FFF; 

.block { 
    padding-top: 2em; 
} 

ul { 
    border: none; 
    margin: 0; 

    li { 
     border: none; 
     .inline-block; 
     font-size: 1em; 
     padding: 0 0.4em; 
     text-shadow: 1px 1px 1px #171717; 

     a:link, a:visited { 
      padding: 0; 
      color: #777; 
     } 

     a:hover { 
      color: @hover; 
     } 

     &.highlight a { 
      color: @highlight; 
     } 

     &:hover { 
      background: none; 
      border: none; 
     } 
    } 
} 

}

如果你想使用相同的代碼樣式表中的3倍，是有其保存爲一個變量的方法或與LESS類似？

Answer 1

當然，你可以使用以前定義class和id的規則集爲其他定義的屬性，就像這樣：

.classname { 
    #nav; 
    /* further styling here */ 
} 

更多信息，請參閱以下鏈接：http://lesscss.org/#-mixins