Kurang spesifikasi
. dirujuk oleh pernyataan @import Ia perlu ditulis dalam sepasang tanda petikan dan akhiran .less tidak boleh ditinggalkan. Anda boleh menggunakan tanda petikan
' dan ", tetapi ia perlu disatukan dalam projek yang sama. @import "mixins/size.less";
@default-text-color: #333;
.page {
width: 960px;
margin: 0 auto;
}Mixin1. Tentukan
Elakkan terlalu banyak tahap bersarang
mixin Apabila nama mixin bukan className yang perlu digunakan, kurungan mesti ditambah, jika tidak, ia akan dikeluarkan kepada CSS walaupun ia tidak dipanggil 2 bukan kandungan output. , anda perlu menambah kurungan selepas mixin (walaupun tiada parameter diluluskan) untuk membezakan sama ada ini adalah className /* Not recommended */@import "mixins/size";
@import 'mixins/grid.less';/* Recommended */@import "mixins/size.less";
@import "mixins/grid.less";
Elakkan terlalu banyak tahap bersarang- Hadkan kedalaman bersarang kepada 2 tahap. Ini boleh mengelakkan pemilih CSS yang terlalu terperinci.
Elakkan sejumlah besar peraturan bersarang. Apabila kebolehbacaan terjejas, adalah disyorkan untuk mengelakkan peraturan bersarang dengan lebih daripada 20 baris.
String interpolasiPembolehubah boleh digunakan seperti ruby dan PHP dibenamkan ke dalam rentetan, dengan struktur seperti @{name}:@base-url: "http://assets.fnord.com";imej latar belakang: url ("@{base-url}/images/bg.png");
