Pembolehubah dalam Pemilih dalam LESS

Pembolehubah juga boleh digunakan di dalam pemilih. Walau bagaimanapun, untuk ini, anda perlu menggunakan sintaksis penyisipan pembolehubah yang sedikit berbeza: selepas @ nama pembolehubah perlu diambil dalam kurungan kerinting. Mari kita lihat contoh. Katakan kita mempunyai pembolehubah berikut:

@var: div;

Mari lakukan penyisipan pembolehubah ini ke dalam pemilih. Pertimbangkan situasi yang berbeza.

Contoh

Mari lakukan penyisipan pembolehubah kami sebagai pemilih:

@{var} {
	font-size: 20px;
}

Keputusan kompilasi:

div {
	font-size: 20px;
}

Contoh

Sekarang katakan pembolehubah kami mengandungi sebahagian pemilih:

main @{var} {
	font-size: 20px;
}

Keputusan kompilasi:

main div {
	font-size: 20px;
}

Contoh

Sekarang katakan kita mengatakan bahawa dalam pembolehubah kami terkandung bukan nama tag, tetapi id-nya. Tambahkan tanda pagar sebelum nama pembolehubah:

#@{var} {
	font-size: 20px;
}

Keputusan kompilasi:

#div {
	font-size: 20px;
}

Contoh

Sekarang katakan kita mengatakan bahawa dalam pembolehubah kami terkandung bukan nama tag, tetapi kelasnya. Tambahkan titik sebelum nama pembolehubah:

.@{var} {
	font-size: 20px;
}

Keputusan kompilasi:

.div {
	font-size: 20px;
}