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:
@var: 20px;
Sekarang mari gunakan pembolehubah ini sebagai nilai sifat:
p {
font-size: @var;
}
Hasilnya, selepas kompilasi ke CSS, bukannya pembolehubah kami, nilainya akan digantikan:
p {
font-size: 20px;
}
Beritahu, apakah hasil kompilasi kod berikut:
@color: #000;
p {
color: @color;
}