Pembolehubah dalam LESS

Bahasa LESS membenarkan penggunaan pembolehubah. Pembolehubah mewakili bekas, di mana anda boleh menyimpan beberapa data dan menggunakannya di tempat yang diperlukan dalam kod.

Untuk mencipta pembolehubah, anda perlu memikirkan namanya dan letakkan tanda @ di hadapannya. Kemudian selepas nama pembolehubah, letakkan titik bertindih dan tentukan nilai pembolehubah itu. Mari sebagai contoh buat pembolehubah dengan nama var:

styles.less@var: 20px;

Sekarang mari gunakan pembolehubah ini sebagai nilai sifat:

styles.lessp {
  font-size: @var;
}

Hasilnya, selepas kompilasi ke CSS, bukannya pembolehubah kami, nilainya akan digantikan:

styles.cssp {
  font-size: 20px;
}

styles.less@color: #000;

p {
  color: @color;
}