I CSS sono un meccanismo molto semplice per creare stili e riutilizzarli nell'applicazione web. Tuttavia, i CSS sono statici e non permettono quindi l'utilizzo di variabili, metodi e altri costrutti tipici dei linguaggi di programmazione. Ad esempio, non possiamo definire una variabile che contiene un colore e utilizzare questa variabile all'interno del CSS.
Con la libreria LESSCSS possiamo superare in parte queste limitazioni in quanto questa libreria ha lo scopo di aggiungere questo tipo di funzionalità alla sintassi CSS. Una volta prodotto un file che utilizza la sintassi LESS, compiliamo questo file per ottenere un file CSS puro.
Nel prossimo esempio possiamo vedere come dichiarare una variabile e riutilizzarne il contenuto sfruttando LESS.

@color: #fff;

body {
  background-color: @color;
}

Una volta compilato il file LESS,otteniamo il seguente file CSS puro.

body {
  background-color: #fff;
}