如何這個CSS轉換爲少

你會用什麼方法來下面的CSS轉換成更多的幹更少的代碼：如何這個CSS轉換爲少

nav ul, 
nav ol, 
ul.reset, 
ol.reset { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
}

來源

2012-06-12 Web_Designer

絕對沒有。這個CSS/LESS很棒，沒有更好的/ DRYer的方式來編寫LESS。

來源

2012-06-12 01:41:15 Paulpro

如果你想將它轉換成LESS，它將無濟於事。通過使用LESS技術，代碼將變得更長。最好保持它的方式。

如果仍然希望做到這一點，你可以試試這個：

nav { 

    list-style: none; 
    margin: 0; 
    padding: 0; 

    ul, ol { 

     list-style: none; 
     margin: 0; 
     padding: 0; 

     &.reset { 

      list-style: none; 
      margin: 0; 
      padding: 0; 

     } 

    } 

}

來源

2012-06-12 04:52:53 Aniket

它會工作嗎？感謝分享你的知識，第一次我看到這樣的CSS ... –

@SarinJacobSunny是的。它會工作。你可以查看[less]（lesscss.org）。 LESS是一個樣式表預處理器。所以你可以用更好的方式玩弄你的樣式表:) – Aniket

我在html頁面中嘗試了下面的代碼，但沒有工作。你能幫我找到錯誤： –

這是我能想到的最好的：

.resetList() { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
} 
nav { 
    ul, ol { 
     .resetList; 
    } 
} 
ul, ol { 
    &.reset { 
     .resetList; 
    } 
}

因爲方式混入的但是工作上面會編譯這樣：

nav ul, 
nav ol { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
} 
ul.reset, 
ol.reset { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
}

因此，我將純CSS是親與@ascii-lime同意對於這樣簡單的事情來說，這是更好的途徑。希望少將在未來提供替代品。

來源

2012-06-12 18:16:51

如何這個CSS轉換爲少

回答

相關問題