LESS-də Adlar Fəzası
Ola bilər ki, sizin eyni adlı, lakin müxtəlif bloklarda yerləşən iki müxtəlif miksininiz olsun:
#block1 {
.button {
border: 1px solid black;
}
}
#block2 {
.button {
width: 100px;
}
}
Belə bir halda deyirlər ki, bu mixinlər müxtəlif adlar fəzasına aiddirlər. Belə bir mixindən istifadə etmək üçün onun adı ilə yanaşı, valideyn blokun selektorunu da göstərmək lazımdır.
Gəlin birinci mixindən istifadə edək:
.test {
#block1 > .button;
}
İndi isə ikincisi ilə:
.test {
#block2 > .button;
}
Aşağıdakı kodun kompayl nəticəsinin nə olacağını izah edin:
#block1 {
.mix {
width: 100px;
}
}
#block2 {
.mix {
height: 200px;
}
}
.test {
#block1 > .mix;
#block2 > .mix;
}
