Namespace trong LESS
Có thể xảy ra trường hợp bạn có hai mixin khác nhau với cùng một tên, nhưng được đặt trong các khối khác nhau:
#block1 {
.button {
border: 1px solid black;
}
}
#block2 {
.button {
width: 100px;
}
}
Trong trường hợp như vậy, người ta nói rằng các mixin này thuộc về các namespace khác nhau. Để sử dụng một mixin như vậy, ngoài tên của nó, bạn cũng cần chỉ định bộ chọn của khối cha.
Hãy sử dụng mixin đầu tiên:
.test {
#block1 > .button;
}
Và bây giờ là mixin thứ hai:
.test {
#block2 > .button;
}
Hãy cho biết kết quả biên dịch của đoạn mã sau sẽ là gì:
#block1 {
.mix {
width: 100px;
}
}
#block2 {
.mix {
height: 200px;
}
}
.test {
#block1 > .mix;
#block2 > .mix;
}
